Welcome to WebmasterWorld Guest from 54.145.222.231

Forum Moderators: not2easy

Message Too Old, No Replies

Text alignment errors IE7

   
4:33 pm on Sep 14, 2011 (gmt 0)



Hi,

I am having a few errors/bugs with text alignment below the tabs (especially in IE7) it looks ok in Firefox... Any help would be appreciated.

Code:

#header-calculate-unknown{
font-size:16px;
color:#00539d;
font-weight:bold;
margin:20px 0px 0px 15px;
/*width: 200px;*/
}
#content-calculate-unknown{
margin:-5px 15px 0px 15px;
font-size:11px;
/*width: 200px;*/
}
#header-compound-period{
color: #00539D;
float: right;
font-size: 16px;
font-weight: bold;
margin:-184px 39px 0px 0px;
/*width: 240px;*/
display:block;
}
#content-compound-period{
float: right;
font-size: 11px;
margin: -169px 66px 0px 0px;
/*width: 240px;
/* width: auto;*/
text-align: left;
display:block;
position:relative;
}
p.compound-period{
margin: 0px 0px 0px 0px ;
line-height:9px;
}
#header-any-payment{
font-size:16px;
color:#00539d;
font-weight:bold;
margin:20px 0px 0px 15px;
/*width: 270px;*/
}
#content-any-payment{
margin:-5px 15px 0px 15px;
font-size:11px;
/*width: 270px;*/
}
#header-computation{
color: #00539D;
float: right;
font-size: 16px;
font-weight: bold;
margin: -120px 100px 0 0;
display:block;
/*width: 240px;*/
}
#content-computation{
float: right;
font-size: 11px;
margin: -106px 78px 0 0;
/* width: 240px;*/
text-align: left;
display:block;

Thanks
WJ

[edited by: alt131 at 8:29 am (utc) on Sep 15, 2011]
[edit reason] Thread Tidy [/edit]

9:06 am on Sep 16, 2011 (gmt 0)

WebmasterWorld Senior Member 5+ Year Member



Hi wjmediadesign, and welcome to WebmasterWorld :)

On the provided code, I'd take a closer look at the font-sizes and margins. However, that's a bit of a guess as I'm not sure about the structure of the html. Could you post a short html snippet so we can see the relationship between the elements?
 

Featured Threads

Hot Threads This Week

Hot Threads This Month