Jump to content

html works in FireFox but not showning the same in IE


jasonc

Recommended Posts

what could be wrong with the following code as it seems to work in FF but not the same in IE, the top table box banner should show all across the page.  it is in FF but not in IE

 

why ?

 

thanks

 

 

 

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<STYLE type="text/css"><!--
.container {
position:relative;
background:#00CC99;
margin:0 5px;
left: 39px;
background-color: #00CC99;
}
.rtop, .rbottom {
display: block;
background-color: #9999CC;
}
.rtop *, .rbottom *{ display: block; height: 1px; overflow: hidden; background:#00CC99; }
h1 { text-align: left; font: small tahoma; font-size: 12px; font-weight: bold; margin: 0 0; padding: 5; }
.r1{ margin: 0 5px}
.r2{ margin: 0 3px}
.r3{ margin: 0 2px}
.r4{ margin: 0 1px; height: 1px }
--></STYLE>
</head>

<body style="cursor: url(http://www.site.co.uk/images/cursor.png);">
<table width="755" background="images/BG.jpg" style="border-collapse:collapse;">
  <tr> 
    <td width="183" height="525" align="center"> 
      <style type="text/css" rel="stylesheet">
#mysubmit { background-color: #7CACF4; font-size: 100%; padding: 5px; font-weight: bold; }
</style>

<table width="100%" align="center" style="border-collapse:collapse;">
  <tr>
    <td height="32" bgcolor="#17616"> 
      <div align="center"><strong><font color="#FFFFFF" size="4" face="Verdana, Arial, Helvetica, sans-serif">Contact us using this form or ring 0000000000 or 0000000000</font></strong></div></td>
  </tr>
</table>
<br><br><br><br><br><br><br><br><br><br><br><br>
<form action="?ac=c" method="post" name="contact">
  <table width="100%" height="292" border="0" cellpadding="2" cellspacing="0">
    <tr> 
      <td height="53" colspan="3"> <font color="#FFFFFF"><em><strong><font size="+2" face="Verdana, Arial, Helvetica, sans-serif">Name 
        :</font><font face="Verdana, Arial, Helvetica, sans-serif"> 
        <input name="name" type="text" size="30"
   value=" "><br>

</font></strong></em></font></td>
    </tr>
    <tr> 
      <td height="58" colspan="3"><font color="#FFFFFF"><em><strong><font size="+2" face="Verdana, Arial, Helvetica, sans-serif">Email 
         :</font><font face="Verdana, Arial, Helvetica, sans-serif"> 
        <input name="email" type="text" size="30"
 value=""><br>
</font></strong></em></font></td>
    </tr>
    <tr> 
      <td width="13%" height="147"> 
        <div align="right"><font color="#FFFFFF"><em><strong><font size="+2" face="Verdana, Arial, Helvetica, sans-serif">Message:</font></strong></em></font></div></td>

      <td colspan="2"><em><strong><font color="#FFFFFF" face="Verdana, Arial, Helvetica, sans-serif"> 
        <textarea name="message" cols="60" rows="5"></textarea><br>
</font></strong></em></td>
    </tr>
    <tr> 
      <td height="27"> </td>
      <td width="52%"> <input type="submit" name="submit" value=" Send message " id="mysubmit" > </td>
      <td width="35%"></td>

    </tr>
  </table>
</form>
    </td>
  </tr>
</table>
</body>
</html>

This really isn't an ideal or even the proper way you should be doing this, but you can fix your problem by changing this:

 

<table width="755" background="images/BG.jpg" style="border-collapse:collapse;">

 

To this

 

<table width="755" background="images/BG.jpg" style="border-collapse:collapse; margin: 0;">

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.