Main content area blank in ie6?

HTML & CSS
1

Hi all,

Iv created this site http://icehouseonline.co.uk/

In all the pages that apart from the homepage the main content area seems to be messing about and not displaying any content in ie6, anyone any ideas why this could be?

Thanks in advance!

Kyle

2

Hi kyllle,
You need to set “haslayout” on the #main_content div for IE6. The overflow property took care of haslayout for IE7. You might consider changing it form auto to hidden, that will eliminate the risk of any scrollbars.

A simple width will take care of IE6. (account for your paddings)

[B]#main_content[/B]{
    background: #fff;
    padding: 20px 20px 15px 20px;
    position: relative;
    [COLOR=Blue]overflow:hidden;[/COLOR]/*contain floats (was auto)*/
    [COLOR=Blue]width:900px;[/COLOR]/*IE6 haslayout (940px total with padding)*/
}
3

Cheers Rayzur!! Worked a treat!