By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
437,648 Members | 1,198 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 437,648 IT Pros & Developers. It's quick & easy.

White Box Covering My Blog in IE 6.0 and lower?

P: 2
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
Apr 22 '07 #1
Share this Question
Share on Google+
3 Replies


drhowarddrfine
Expert 5K+
P: 7,435
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.
Apr 23 '07 #2

P: 2
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!
Apr 23 '07 #3

drhowarddrfine
Expert 5K+
P: 7,435
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.
Apr 23 '07 #4

Post your reply

Sign in to post your reply or Sign up for a free account.