CSS Forum

**GaLaZ** · 07-02-2009, 07:27 AM

Hi,

I've finished my basic layout, but there is a problem. When I browse my site in FF and Safari everything seems ok, but opera and IE doesn't render it correctly. There is a black space between my divs... I've tried to play with margins and padding but no help

http://meltedheart.pl/

Thats the link, please try find solution.

Thanks

Gregory

**GaLaZ** · 07-02-2009, 10:41 AM

WTF?! please do not spam my topic

**LadynRed** · 07-02-2009, 12:23 PM

You have triggered the doubled-float margin bug on the <li> because you have them floated left AND you applied a left margin - so IE is DOUBLING that margin. To fix that, you have to add display:inline for the <li> ,but ONLY for IE, so you need a separate "iefixes.css" file and conditional comments to call that css file.

**GeekSpecialties** · 07-02-2009, 12:25 PM

Try fixing your doctype too.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD      XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Also when please be specific of what versions (IE6) you are having issues with when you post.

**GaLaZ** · 02:47 PM

Sorry, I've got problems with IE8 and the newest Opera

btw. That all crossbrowser stuff really drives me crazy :|

edit: I have tried with conditionals and display:inline and I doesn't work

after setting that layout becomes a complete mess

**GaLaZ** · 07-04-2009, 11:29 AM

please help rather than spamming in my topic