Hi,

I have a problem with the three column design over at my open source blog.

My design works with all Gecko based (Firefox, Flock, ..), and KHTML based (Konqueror, Safari, ..), Presto based (Opera, Opera mobile, ..), and the Windows Internet Explorer 7 browser. However not with Microsoft Internet Explorer 6, nor 5.5. I have been unable to fix the mIE issue, and is therefor requesting some assistance.

Layout summary: One big, centralised column. Separated in two columns (ad. and content), and finally the content column is separated in two again as blog entries, and the side panel.

Full layout description: #container is wrapped around everything, and holds it all together and centralised. #load is the long advertisement floating to the left. Then there is #header (margins to separate it from #load) which is wrapped around #title (which floats to the left) and #recent (with margins to the left to keep it away from #title). Underneath #header, you will find #main (margins to separate it from #load) which is wrapped around #entries, and #panel that work the same way as #title, and #recent.

Can anyone please give some coding assistance to help me fix the mIE issues without breaking compatibility with the other browsers?

Umm.. nothing there !!!

Yea, thanks for noticing. I do not know what happen. I think my Website got hacked or that there is an error with WordPress, or something. It just happen.

I got GoDaddy to restart the MySQL server I where hosted on, and the site appears to be working again.

Though the problem I have got with the three colums remains.

Update: Look at that! I got support for wIE7 now! Though mIE 6, and 5.5 still does not work.

Why have you used the extension .cs2?

And your column layout is really messy. I couldn't make it out from the source code or by using the debug with outline and show structural elements (in Opera) how exactly you did it, however my thoughts on doing it would be col 1 | col 2 and then split col 2 into a further two columns, so that when viewed as plain HTML, then the content / sidebar will come before the ad.

Personally, I haven't run into this problem before. Other than your messy layout that could be potentially causing IE issues, I have no other alternative answer.

I use the extension .cs2 with MIME-type text/css as .css is served as text/html by my host, and I am unable to edit their defaults. I added the 2 from CSS version 2, and served it with the correct MIME-type. No browsers have given me issues with this solution.

My column layout have worked on other Websites!

Anyhow, I do exactly what you say, but the way.

#container is wrapped around everything, and holds it all together and centralised. #load is the long advertisement floating to the left. Then there is #header (margins to separet it from #load) which is wrapped around #title (which floats to the left) and #recent (with margins to the left to keep it away from #title). Underneth #header, you will find #main (margins to separet it from #load) which is wrapped around #entries, and #panel that work the same way as #title, and #recent.