nicht angemeldet
Hallo!
Ich will ein Kontaktformular für meine Homepage erstellen. Im Firefox wird alles richtig angezeigt, nur der IE 7 macht unter dem Senden-Button noch eine zusätzliche Zeile.
Hier der Quelltext:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<link rel="stylesheet" type="text/css" href="css.css">
</head>
<body>
<table class="centered" width="726" border="0" cellpadding="0" cellspacing="0" style="background: #000033">
<tr>
<td rowspan="10"><img src="spacer.gif" width="1" height="1" alt=""></td>
<td colspan="6"><img src="eps_top.gif" width="724" height="14" alt=""></td>
<td><img src="spacer.gif" width="1" height="14" alt=""></td>
</tr>
<tr>
<td style="background: #3c607f" valign="top" rowspan="9"><img src="eps_left.gif" width="24" height="257" alt=""></td>
<td colspan="2" rowspan="3"><img src="eps_btn.gif" width="123" height="60" alt=""></td>
<td colspan="2"><img src="eps_top2.gif" width="554" height="21" alt=""></td>
<td style="background: #3c607f" valign="top" rowspan="9"><img src="eps_right.gif" width="23" height="257" alt=""></td>
<td><img src="spacer.gif" width="1" height="21" alt=""></td>
</tr>
<tr>
<td colspan="2"><img src="wood_top.gif" width="554" height="28" alt=""></td>
<td><img src="spacer.gif" width="1" height="28" alt=""></td>
</tr>
<tr>
<td style="background: #ddd5ab" colspan="2" rowspan="2"><img src="spacer.gif" width="554" height="20" alt=""></td>
<td><img src="spacer.gif" width="1" height="11" alt=""></td>
</tr>
<tr>
<td style="background: #ddd5ab" colspan="2"><img src="spacer.gif" width="123" height="9" alt=""></td>
<td><img src="spacer.gif" width="1" height="9" alt=""></td>
</tr>
<tr>
<td style="background: #ddd5ab"><img src="spacer.gif" width="26" height="130" alt=""></td>
<td style="background: #ddd5ab" colspan="2" valign="top"><form action="formmail" method="POST">
<table class="centered" width="625" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="left1"><input type="hidden" name="email" value="mail@mail.de">
<input type="hidden" name="url" value="http://weiterleitung.html">
Kontaktformular</td>
<td><img src="spacer.gif" width="1" height="24" alt=""></td>
</tr>
<tr>
<td class="left1">Dein Kommentar:</td>
<td><img src="spacer.gif" width="1" height="24" alt=""></td>
</tr>
<tr>
<td class="left1"><textarea name="Kommentar" cols="30" rows="3" style="width:300px; height:80px"></textarea></td>
<td><img src="spacer.gif" width="1" height="90" alt=""></td>
</tr>
<tr>
<td valign="middle" class="left1">Email-Adresse (optional): <input type="text" name="Usermail" style="width:180px"></td>
<td><img src="spacer.gif" width="1" height="30" alt=""></td>
</tr>
<tr>
<td class="left1"><input type="submit" value="Senden!"></td>
<td><img src="spacer.gif" width="1" height="30" alt=""></td>
</tr>
</table>
</form></td>
<td style="background: #ddd5ab"><img src="spacer.gif" width="26" height="130" alt=""></td>
<td><img src="spacer.gif" width="1" height="130" alt=""></td>
</tr>
<tr>
<td style="background: #ddd5ab" colspan="4"><img src="spacer.gif" width="677" height="15" alt=""></td>
<td><img src="spacer.gif" width="1" height="15" alt=""></td>
</tr>
<tr>
<td style="background-image:url('wood_bottom.gif')" colspan="4"><img src="spacer.gif" width="677" height="7" alt=""></td>
<td><img src="spacer.gif" width="1" height="7" alt=""></td>
</tr>
<tr>
<td style="background: #3c607f" colspan="4"><img src="spacer.gif" width="1" height="9" alt=""></td>
<td><img src="spacer.gif" width="1" height="9" alt=""></td>
</tr>
<tr>
<td style="background: #3c607f" colspan="4">test</td>
<td><img src="spacer.gif" width="1" height="27" alt=""></td>
</tr>
<tr>
<td><img src="spacer.gif" width="1" height="1" alt=""></td>
<td><img src="spacer.gif" width="24" height="1" alt=""></td>
<td><img src="spacer.gif" width="26" height="1" alt=""></td>
<td><img src="spacer.gif" width="97" height="1" alt=""></td>
<td><img src="spacer.gif" width="528" height="1" alt=""></td>
<td><img src="spacer.gif" width="26" height="1" alt=""></td>
<td><img src="spacer.gif" width="23" height="1" alt=""></td>
<td><img src="spacer.gif" width="1" height="1" alt=""></td>
</tr>
</table>
</body>
</html>
Und CSS für alle Fälle:
body {
margin: 0px;
padding : 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
color: #000000;
}
img {
border: 0px none;
display:block;
}
.centered {
margin-left:auto;
margin-right:auto;
}
.left1 {
text-align: left;
}
Wenn ich </form> vor </table> setze, verschwindet der Absatz auch im IE, das ist ja aber laut HTML 4 Scrict nicht erlaubt...
Hab schon alles mögliche versucht, code ist validated, im IE Vorschaufenster von Dreamweaver schauts auch in Ordnung aus.
Wie bekomme ich den Absatz beim IE raus, bzw. warum wird im Firefox alles richtig angezeigt?
Danke!!!