White Box Covering My Blog in IE 6.0 and lower?

[brandslam]

I have an issue with my blog, www.peridotcapitalist.com, that I am hoping someone can help me with.

The site loads perfectly fine in IE 7.0 and Firefox, but not in IE 6.0 or lower.

In that case it appears that a white box is covering my content, leaving just my header and footer viewable. The page loads okay for a split second, but then most of the page becomes completely white.

I am using Blogger since I am not a coding expert, but don't really know how to find the error. A friend said is likely a CSS issue, perhaps with spacing.

Can anyone help me out?

Thanks,

Chad

[drhowarddrfine]

I'm in and out today and tomorrow. On top of that, the monitor on my Windows box just failed. But there are 324 html errors in the markup, not including any css errors. So I'm surprised the page works at all. But I'll see if it's something obvious once I get a monitor switched around tomorrow unless someone else spots it.

[brandslam]

Well, a reader has isolated the line of code that is causing the issue:

<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>

It appears it is there to correctly space out and smooth out the color scheme at the top of the page between the header and the main body content.

I am a novice, but I commented out the code so now at least the page loads. The spacing is a bit off re: color and such because of it though. Do you know why that code is causing an issue in that form? Hopefully that is an easier question to answer, as opposed to finding out what the problem was.

Thanks in advance!

[drhowarddrfine]

Without looking at it, this is bad coding practice. It is the CSS equivalent of a "spacer.gif" used to create space in a page. This is what margins and padding are for.

Glad to see you got it working.