Printable Version of Topic

Posted by: instudios Sep 16 2006, 11:43 AM

Greetings everyone! I've been working on the following page for a couple of days now, and I seem to be at stand still at the moment. I have this mysterious gap at the top of my page. I've validated my html and css, and I have the top margin to my body and #DivWrapper set to zero. I'm wrecking my brain trying to figure out where this space/gap is coming from. The url to the page is http://www.netunification.com/demo/

Please let me know if you have any suggestions.

So far I've only tested the page in Firefox for the mac, but I plan to test it with IE (PC) when I get a chance. Hopefully it'll render correctly in both...

Thanks in advance...

Posted by: Christian J Sep 16 2006, 12:23 PM

http://www.netunification.com/demo/

Where? I can't find such a rule in http://www.netunification.com/demo/css/header.css
Maybe it's somewhere else, but all the imported CSS files makes debugging tedious. For efficient debugging advice, see http://www.positioniseverything.net/articles/mys-bug.html



It looks OK in IE6, but Firefox and Opera make a gap.

Posted by: john f Sep 16 2006, 05:39 PM

Would the addition of padding-top:0 help?