View Full Version : IE6 Extra vertical space between divs - HELP!

09-17-2007, 06:58 PM
Your help is much appreciated. I just can't figure this out....

Here is the page so you can view my source code:

In IE 7, Firefox, etc.. it looks fine. IE6 there's extra space that pushes the logo/navigation down and forces the header background to repeat vertically. I need to remove the space between the divs (I believe its a padding issue with the gray search bar). If I remove the padding, it works perfectly in IE6, but then it's all screwy in IE7 and FF.

How can I fix this? As you can see from my code, I've got quite a mess as I've tried a million ways to fix it. It's probably something simple, but I just don't know.

I've already missed my deadline and I'm scrambling for a solution!

09-17-2007, 07:42 PM

Validate your code here.

It gives 18 errors html . Among them is a note that xhtml tags must be in lower-case. 'get' NOT 'GET' line 150 I think.

Also if you use & in the name of a company, it should be coded as &
In xhtml finishing '>' is coded as /> that is 'space/>'

CSS checks OK

09-17-2007, 10:18 PM
Thank you. Yes, that was just a test page, so I didn't have all my html code perfect. However, even after fixing those validation errors, it didn't change my problem. I did eventually find a way to do an IE6 hack in my css. I don't know if that's the best method, but it worked. I used * html to set different padding for IE6.

Thanks for responding!

09-17-2007, 10:39 PM
I think that with IE6, hacking is the only way out.

Glad you got it sorted.


09-18-2007, 06:37 AM
This might be the space of <form> element.
So Add

in your CSS, which will remove all default margins and paddings from all you elements.(* => universal selector)