Jump to content


This topic is now archived and is closed to further replies.


Unknown Top Margin on body tag...

Recommended Posts

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...

Share this post

Link to post
Share on other sites
Firefox/PC - the page does not display anything except coloured stripes across the screen!! No visible text.

Share this post

Link to post
Share on other sites
What gap are we talking about? Do you mean the blue bit? Or do you emam the gap between the address bar of the browser and your menu?

Rather than adding zero margins to the top of body, ad zero margins and padding to the whole of the body, so instead of:
[code]body {
background-image: url(images/Net_U_bg.png);
background-repeat: repeat-x;
margin: 0px;
padding: 0px;

IE7 displays the layout fine!

Share this post

Link to post
Share on other sites


Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.