...

View Full Version : Simple CSS bug in IE7, IE9



thetorch
07-25-2012, 04:36 PM
Hello friends,

I am new to the site, and semi-new to crossbrowser testing. I recently designed a site in Wordpress using a basic theme and then adding my own JS and CSS to make it unique. For some reason, my superiors still use IE and are seeing an error where text is stacking on top of itself. The following screenshot shows the error:

http://torchinteractivesolutions.com/wp-content/uploads/2012/07/Torch-Screenshot.jpg

I went back and checked on my coworkers computer with IE9 and it loaded fine on his machine. My boss wants it 'fixed' but I'm not sure how to do that. Any pointers?

The URL for the site is as follows:
http://torchinteractivesolutions.com/

Thanks for your help!

Keleth
07-25-2012, 04:59 PM
In your css you have


b, strong {
font-weight: bold;
line-height:20%;
}

So its shrinking the line height to 20% and using it. Change that to 120% or whatever, or remove it entirely. Given b and strong are inline and not block elements, not sure why you gave them a line-height?

thetorch
07-25-2012, 05:16 PM
Thank you Keleth, that did it! Not sure how that code slipped in there.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum