[Last Call] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 477
  • Last Modified:

Why is there a gap between my body content and the top of the web page.

Experts,

this is driving me nuts.  See example: http://www.oceanlogics.com/Home.html

It must be something stupid, but I cannot find it.

Any ideas?

Cheers,
Etienne
<html>
<head>
<title>Oceanlogics</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
	background-color: #006070;
	text-align: center;
}
 
-->
</style></head>
<body>
<div id="mainContent">
  <table border=0 cellspacing=0 cellpadding=0 width=750 height=650>
<tr>
<td><img border=0 src="Images/header_top.jpg" height=147 width=750></td>
</tr><tr>
<td><table border=0 cellspacing=0 cellpadding=0 width=750 height=21>
<tr>
<td><img border=0 src="Images/spacer_1.jpg" height=21 width=11></td>
<td><a href="http://www.oceanlogics.com/Home.html"><img border=0 src="Images/nav_home_hot.jpg" height=21 width=95></a></td>
<td><img border=0 src="Images/spacer_2.jpg" height=21 width=10></td>
<td><img border=0 src="Images/nav_services.jpg" height=21 width=96 onMouseOver="this.src = 'Images/nav_services_hot.jpg' " onMouseOut="this.src = 'Images/nav_services.jpg' "></td>
<td><img border=0 src="Images/spacer_3.jpg" height=21 width=9></td>
<td><img border=0 src="Images/nav_products.jpg" height=21 width=96 onMouseOver="this.src = 'Images/nav_products_hot.jpg' " onMouseOut="this.src = 'Images/nav_products.jpg' "></td>
<td><img border=0 src="Images/spacer_4.jpg" height=21 width=10></td>
<td><img border=0 src="Images/nav_downloads.jpg" height=21 width=96 onMouseOver="this.src = 'Images/nav_downloads_hot.jpg' " onMouseOut="this.src = 'Images/nav_downloads.jpg' "></td>
<td><img border=0 src="Images/spacer_5.jpg" height=21 width=9></td>
<td><a href="http://www.oceanlogics.com/phpBB2/index.php"><img border=0 src="Images/nav_forum.jpg" height=21 width=96 onMouseOver="this.src = 'Images/nav_forum_hot.jpg' " onMouseOut="this.src = 'Images/nav_forum.jpg' "></a></td>
<td><img border=0 src="Images/spacer_6.jpg" height=21 width=9></td>
<td><img border=0 src="Images/nav_news.jpg" height=21 width=97 onMouseOver="this.src = 'Images/nav_news_hot.jpg' " onMouseOut="this.src = 'Images/nav_news.jpg' "></td>
<td><img border=0 src="Images/spacer_7.jpg" height=21 width=9></td>
<td><a href="Contact.php"><img border=0 src="Images/nav_contact_us.jpg" height=21 width=95 onMouseOver="this.src = 'Images/nav_contact_us_hot.jpg' " onMouseOut="this.src = 'Images/nav_contact_us.jpg' "></a></td>
<td><img border=0 src="Images/spacer_8.jpg" height=21 width=12></td>
</tr>
</table></td>
</tr><tr>
<td><img border=0 src="Images/header_bottom.jpg" height=27 width=750></td>
</tr><tr>
<td><table border=0 cellspacing=0 cellpadding=0 width=750 height=386>
<tr>
<td><img border=0 src="Images/border_left.jpg" height=386 width=20></td>
<td width=710 height=386 valign="top" background="Images/body_1.jpg"></td>
<td><img border=0 src="Images/border_right.jpg" height=386 width=20></td>
</tr>
</table></td>
</tr><tr>
<td><img border=0 src="Images/footer_top.jpg" height=47 width=750></td>
</tr><tr>
<td><table border=0 cellspacing=0 cellpadding=0 width=750 height=11>
<tr>
<td><img border=0 src="Images/spacer_9.jpg" height=11 width=51></td>
<td><img border=0 src="Images/nav_company.jpg" height=11 width=54></td>
<td><img border=0 src="Images/nav_support.jpg" height=11 width=50></td>
<td><img border=0 src="Images/nav_links.jpg" height=11 width=34></td>
<td><img border=0 src="Images/nav_upcoming_events.jpg" height=11 width=100></td>
<td><img border=0 src="Images/nav_faq.jpg" height=11 width=26></td>
<td><img border=0 src="Images/nav_our_clients.jpg" height=11 width=65></td>
<td><img border=0 src="Images/nav_pictures.jpg" height=11 width=52></td>
<td><img border=0 src="Images/nav_intranet.jpg" height=11 width=50></td>
<td><img border=0 src="Images/nav_webmail.jpg" height=11 width=53></td>
<td><img border=0 src="Images/nav_site_map.jpg" height=11 width=56></td>
<td><a href="Terms.html"><img border=0 src="Images/nav_terms_and_conditions.jpg" height=11 width=116></a></td>
<td><img border=0 src="Images/spacer_10.jpg" height=11 width=43></td>
</tr>
</table></td>
</tr><tr>
<td><img border=0 src="Images/footer_bottom.jpg" height=11 width=750></td>
</tr>
</table>
	<!-- end #mainContent --></div>
</body>
</html>

Open in new window

0
etiennedemers
Asked:
etiennedemers
  • 2
1 Solution
 
sunithnairCommented:
Replace your body style like this
body {
        background-color: #006070;
        text-align: center;
	margin: 0;
	padding: 0;
}

Open in new window

0
 
gamebitsCommented:
I agree with sunithnair the browser automatically add padding on the window.
0
 
etiennedemersAuthor Commented:
Man I feel stupid. Thank you very much for your help.
0
 
sunithnairCommented:
You dont have to feel supid these mistakes happen to everyone :)
0

Featured Post

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now