HTML Forum

**Harvey** · 03-20-2005, 02:45 PM

Hi

May seem like a petty question, but please believe me, this is absolutely essential to the design of my site!

On internet explorer, there seems to be a space of about 2-3 milimetres before content is shown. On firefox, there isn't this gap. Is there a way I can get rid of the gap?

Thanks

**dk01** · 03-20-2005, 03:09 PM

Code:

<style type="text/css">
body { margin: 0; padding: 0; }
</style>

Try putting that inside your <head></head> tag. If not then you need to post your entire code

-dk

**Harvey** · 03-21-2005, 11:07 AM

Hmm, that's odd - it made my background go white!

It's a .tpl file; is that a problem?

The address of the file I am referring to is here - code as follows:

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
	background-color: #000000;
}
-->
</style></head>

<body>
<table width="1010" height="91"  border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td height="91"><table width="100%" height="91" border="0" cellpadding="0" cellspacing="0" background="header_top_left.jpg">
      <tr>
        <td width="283"></td>
        <td width="317" valign="bottom"><script type="text/javascript"><!--
google_ad_client = "pub-2912696535092810";
google_ad_width = 234;
google_ad_height = 60;
google_ad_format = "234x60_as";
google_ad_channel ="";
google_color_border = "517D54";
google_color_bg = "517D54";
google_color_link = "000000";
google_color_url = "CCCCCC";
google_color_text = "000000";
//--></script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></td>
        <td width="410"><img src="header_top_right.jpg" width="409" height="91" border="0" usemap="#Map2"></td>
      </tr>
    </table>     </td>
  </tr>
</table>
<table width="1010" height="52" border="0" cellpadding="0" cellspacing="0" background="loggedinheader_bottom.jpg">
  <tr>
    <td width="690" height="51" valign="top"><table width="100%" height="100%"  border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="41%" valign="bottom">&nbsp;</td>
        <td width="59%" height="29" valign="bottom"><img src="navbar.gif" width="312" height="26" border="0" usemap="#Map"></td>
      </tr>
    </table></td>
    <td width="320" valign="top"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="21%" height="29">&nbsp; </td>
        <td width="79%">You have no new private messages. </td>
      </tr>
    </table>
      <table width="100%"  border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="1%">&nbsp;</td>
          <td width="67%" valign="top"><strong>Administrator</strong></td>
          <td width="32%" valign="top"><img src="logout.jpg" width="66" height="22" border="0" usemap="#Map3"></td>
        </tr>
      </table></td>
  </tr>
</table>
<map name="Map">
  <area shape="rect" coords="25,5,76,23" href="#">
  <area shape="rect" coords="84,3,127,23" href="#">
  <area shape="rect" coords="135,3,216,22" href="#">
  <area shape="rect" coords="223,3,292,23" href="#">
</map>
<map name="Map2">
  <area shape="rect" coords="151,26,211,54" href="#">
  <area shape="rect" coords="158,59,249,79" href="#">
  <area shape="rect" coords="230,32,311,53" href="#">
  <area shape="rect" coords="264,59,312,78" href="#">
  <area shape="rect" coords="324,30,392,52" href="#">
  <area shape="rect" coords="328,60,381,78" href="#">
</map>
<map name="Map3">
  <area shape="rect" coords="0,2,64,25" href="#">
</map>
</body>
</html>

Thanks

**drewrockshard** · 03-21-2005, 05:08 PM

like dk01 said, put this:

HTML Code:

margin: 0; padding: 0;

after the first css statement in this block..

HTML Code:

<style type="text/css">
<!--
body {
	background-color: #000000;
}
-->
</style></head>

SO THAT IT FINAILLY LOOKS LIKE:

HTML Code:

<style type="text/css">
<!--
body {
	background-color: #000000;
        margin: 0; padding: 0;
}
-->
</style></head>

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!