IE white space problem

[davowave]

Hi boys and girls

I've been making a template for my new site - www.babyclothingcentral.co.uk - and I'm happy with what it looks like so far in FF. But low and behold, doesn't it have a big white space between the banner and the navbar.

It's having me tear my hair out, anything i do buggers it up in either one of the other browser.

Can any CSS genius out there tell me how to fix this?

I'm using the latest version of zen and the navbar in question is the one that is default above the banner (navMainWrapper), but I've moved it to below the banner.

Please help me!

[stevesh]

First, increase the height of #logoWrapper in the stylesheet to at least the height of your header image (120px) and see if that helps.

You also have HOME_PAGE_TITLE appearing in your browser title box.

https://www.zen-cart.com/tutorials/index.php?article=95

[davowave]

Hi there, thanks for replying.

I've done what you suggested but that just puts white space btw the logo and navbar in FF now as well.

I've also tried making headerwrapper exactly 150px (the combined size of logowrapper and navmainwrapper) but that had absolutely no effect so I've changed it back.

Any further ideas would be really gratefully appreciated.

thanks
Dave

[rstevenson]

Reducing #logoWrapper to a height of 100px solves the problem, even though the image is really 120px high. No idea why, but it works.

Rob

[davowave]

Hi Rob, that works good for FF but the problem remains for Internet Explorer (v6 anyway) but it does suggest that the problem is something to do with logowrapper rather than navmainwrapper so I'll try buggering about with that a bit more.

In the mean time, any other suggestions?

cheers, I appreciate the effort

I wonder does anyone know of anything similar to the developers addon on FF for IE? That's be bloody handy!

[tony_sar]

IE Developer toolbar..

personally i hate it , and nothing comes close to firebug. .