[cyrus_thevirus]

I'm trying to create a layout using divs and css. The layout is rendered correctly on IE but differently on other browsers(Firefox,Opera). The main problem is that I defined a white background-color for the content(id="dashboard" ) and a dark gray color for the body background-color. IE is the only browser that seems to recognize the white background. What am I doing wrong? Any help is appreciated.

I have attached screen shots of how it looks on recent versions of ie and firefox

Also attached is the html code.

[pilola]

Try using overflow:hidden in your container/wrapper. Think it's div.c5 in your code.

[cyrus_thevirus]

Originally Posted by pilola

Try using overflow:hidden in your container/wrapper. Think it's div.c5 in your code.

Wow!! that worked. Thanks pilola. Do you mind explaining why that made a difference?

[pilola]

Originally Posted by cyrus_thevirus

Wow!! that worked. Thanks pilola. Do you mind explaining why that made a difference?

You simply have to do that so that the browser(s) understand that the Div is actually "wrapping around" the other div's that you are floating. The reason that it worked in IE (Im guessing IE 6) is that it in some cases like to let sloppy code work.

You can use overflow: auto too but. I prefer hidden because it's what I've always used.

[pgo]

Be aware that float clearing method does not work 100% of the time and causes problems from time to time. I much prefer the generated content method or the FnE (float nearly everything) method.

[cyrus_thevirus]

Thanks! everyone for the valuable input.