Jump to content


Photo

Unknown Top Margin on body tag...


  • Please log in to reply
2 replies to this topic

#1 instudios

instudios
  • New Members
  • Pip
  • Newbie
  • 1 posts

Posted 16 September 2006 - 04:18 PM

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

#2 AndyB

AndyB
  • Staff Alumni
  • Advanced Member
  • 5,465 posts
  • LocationToronto

Posted 16 September 2006 - 04:23 PM

Firefox/PC - the page does not display anything except coloured stripes across the screen!! No visible text.
Legend has it that reading the manual never killed anyone.
My site

#3 wildteen88

wildteen88
  • Staff Alumni
  • Advanced Member
  • 10,482 posts
  • LocationUK, Bournemouth

Posted 16 September 2006 - 04:25 PM

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:
body {
	background-image: url(images/Net_U_bg.png);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
}

IE7 displays the layout fine!




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users