How do i get rid of this top gap (opera browser)

programming web dev
1

When I preview this page, on Firefox, Netscape and IE it works fine, thre is no gap between the table and the browser on the top.

When I preview this in Opera, you will see like a 10 pixel gap on the top before the table.

Why is that?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Champion Mindset: Business, Life &amp; Leadership Motivational Training</title>
<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
-->
</style></head>
<body>
<table width="790" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#666666">
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td bgcolor="#003366">&nbsp;</td>
  </tr>
</table>
</body>
</html>
2

try padding:0 0 0 0; in the body, solved a issue i had with ie might be the same with opera.

3

Didnt work man!

4

jump on msn punk! :stuck_out_tongue:

5

i checked it works with padding 0px

<style type=“text/css”> <!-- body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; padding: 0px; } --> </style>

6

^^ ha! :bad:

:stuck_out_tongue: