View Full Version : FF and IE6 show div correctly. IE7 has gap above div.

Pepe, the bull
11-03-2006, 12:17 AM

I am working on a website for the school where I work, and I had a pretty good layout going. With some hacks, FF and IE6 both display it properly. However, IE7 is displaying a small gap above my mainnav div. Here is a link to the page (http://www.ridge.k12.wa.us/schools/rhs/). Any help and explanation would be greatly appreciated.

11-03-2006, 02:29 AM
I am not very good with CSS. But here is something you should check in your css. I am not sure if it the cause of the problem...but check it anyway.

>html #globalnav {he\ight: auto;} /* for IE5/Mac */

11-03-2006, 02:43 AM
Well IE7 now understands this

html >body
I also saw you put overflow:visible on your li for your main nav. Get rid of that.

Pepe, the bull
11-03-2006, 06:40 PM
I thank you for your responses, but it didn't fix the small gap above the main nav. Is there anything that FF understands that IE7 doesn't (or vice versa)?

11-03-2006, 07:35 PM
Add this after your globalactions div

<div class="clear">&nbsp;</div>
change the class .clear in your CSS from this

to this


Pepe, the bull
11-03-2006, 08:13 PM
Thanks. It works perfectly.