By sohopub on

I'm getting an odd padding between my header and my top nav block. http://www.knitsimplemag.com

If you take a look at my site in IE you'll see a white gap between the header and the nav. I can't seem to find what is triggering that. It looks great in FireFox, Opera and Safari so I am at a loss. Any suggestions are greatly appreciated.

⋅ Categories: Drupal 5.x

Comments

arh1’s picture

arh1 commented

sorry, but i don't have any specific answers for you. a few general suggestions may help you diagnose the problem, though:

* first, your site is not validating (FireFox's HTML Validator Add-On shows 113 errors). most of these errors seem superficial, but it's hard to nail down layout inconsistencies when the page doesn't validate.

* next -- this is a lot of work and may not be in the cards at the moment -- but the page is using an old-school table-based layout. if at all possible, start moving towards standards-based, semantic layouts. dear god you'll thank yourself for it eventually. (and it'll make it easier for other developers to give you specific feedback.)

* lastly, also check out the incredible Firebug Add-On for FireFox -- invaluable for all sorts of client-side debugging

good luck!