nicht angemeldet
Formular im IE und Firefox
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!!!
-
hi,
Hab schon alles mögliche versucht,
Das wesentliche hast du, zumindest dem Code nach, noch nicht gemacht - die Default-Styles der Browser überschrieben, die dir nicht gefallen.
Wie bekomme ich den Absatz beim IE raus,
Gebe explizit für das Formular die von dir gewünschten margins an.
bzw. warum wird im Firefox alles richtig angezeigt?
Weil der form vielleicht in seinem Default-Stylesheet für form eine andere Formatierung vorsieht, woraus du den ungültigen Schluss ziehst, das wäre "richtig".
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
Hallo, vielen Dank für die schnelle Antwort!
Gebe explizit für das Formular die von dir gewünschten margins an.
meinst du damit z.b. im css: input {margin: 0px;}?
hab ich grade versucht, klappt leider immernoch nicht.
-
Jetzt klappts, musste nur form {margin: 0px;} setzen, nicht die einzelnen Elemente des Formulars wie z.b. input usw.
Hab gedacht im css body {margin: xx;} zu setzen würde reichen, das das sozusagen weitervererbt wird.
Danke nochmal
-
Hallo,
Jetzt klappts, musste nur form {margin: 0px;} setzen, nicht die einzelnen Elemente des Formulars wie z.b. input usw.
Opera gibt dem <form> Element auch margin, warum ist für mich unverständlich.
Hab gedacht im css body {margin: xx;} zu setzen würde reichen, das das sozusagen weitervererbt wird.
Nein, margin, border und padding werden, neben einigen anderen Eigenschaften, nicht vererbt.
Gruß;
-
-
-