Issue with spacing at top of page

**jagot** · 05-14-2010, 05:18 AM

I'm having a weird issue with a html page I'm working on. When viewed in Firefox, the web page displays as I intend, but in Internet Explorer and Chrome, there seems to be a gap at the top of the page.

There are no break tags in the code, however, when I use the Inspect Element feature in the web developer tools in chrome, it seems to think there are two break tags, which, when removed in Chrome seem to fix the issue, however I can't export the code out again properly.

Here's where this code is:

Code:

<body onLoad="MM_preloadImages('Images/ROAboutUs.png','Images/ROOurArt.png','Images/RONews.png','Images/ROContactUs.png','Images/ROFindUs.png','Images/ROHome.png')">
<div align="center">
<table width="1024" border="0" cellspacing="0" cellpadding="0" align="top">

Chrome, using the Inspect Element feature seems to think there are two break tags between the div align and the table width, but there isn't when viewing the code with notepad, or indeed the view source feature on IE or Firefox.

Don't know if anyone can shed an light on what the issue is?

Many thanks in advance.

**MacPC** · 05-14-2010, 06:03 AM

I am not so familiar with Chrome, but from my own experience, IE 6 and IE 7 seem to always add some margins and paddings, which drives me crazy. What I do to get around this is, in a CSS, I add this code:

* {
margin: 0;
padding: 0;
}

Try this see if it helps.