CODEWITHSUNDEEP
htmlcssinternet-explorer-6
Jesse
Jesse

Reputation: 239

CSS Issue in IE6

Can anyone help me with this? http://173.199.158.105/about-our-company.html shows just fine in Firefox and newer IE versions. But when previewing it in IE6 using Adobe's Browserlab the left sidebar words are cut off. The word customer service is messed up. You can only see "stomer Service". I have no idea what's wrong. Anyone have any insight on this?

Upvotes: 1

Views: 95

Answers (2)

Francis Laclé
Francis Laclé

Reputation: 384

One possible solution, although not a nice one is to use conditional comments for IE6, so loading a separate CSS depending on the users' browser after declaring the normal CSS. Might be more work in the end to maintain but it does solve the bug mentioned by Sparky672. So something like this:

<link rel="stylesheet" href="http://www.mydomain.com/index.css"/>
<!--[if IE 6]> 
<link rel="stylesheet" href="http://www.mydomain.com/indexIE6.css"/>
<!--<![endif]-->

See link: http://www.quirksmode.org/css/condcom.html

Upvotes: 0

Sparky
Sparky

Reputation: 98718

It sounds like the IE 6 double-margin bug.

http://www.positioniseverything.net/explorer/doubled-margin.html

I also like to add this to my sites...

http://ie6update.com/

Upvotes: 2

Related Questions