| Text alignment errors IE7
|
wjmediadesign
msg:4362452 | 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]
|
alt131
msg:4363287 | 9:06 am on Sep 16, 2011 (gmt 0) |
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?
|
|
|
