homepage Welcome to WebmasterWorld Guest from 54.198.185.156
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
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?

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved