IE zerreißt Seite mit Formular

tribun · 22.09.2003, 18:47

Hi,
habe ein seltsames Problem mit dem IE.
Ich habe eine recht komplexe Seite mit verschachtelten Tabellen und Grafiken.
An einer Stelle habe ich eine Tabelle mit Formular-Feldern.
Sobald ich einen <form>-Tag um die Tabelle schließe, erhöht der Internet Explorer die Tabelle dermaßen,
dass mein Layout auseinandergezogen wird.

Im Mozilla und im Opera habe ich das Problem nicht...

Außerdem hat der grafische Absende-Button rechts und oben einen grauen Rand,
sobald er als Button definiert wird (alle Browser).

Was tun?

[edit:]
ARGH!!! /&!"$§&%

Gerade hab ich mal versucht den form-Tag innerhalb des <table>-Tags zu schreiben. Es geht nun...

Nur das Problem mit dem grafischen Button hab ich noch...

Guitar · 22.09.2003, 19:20

Ein Link oder der Quellcode wäre nicht schlecht.

tribun · 22.09.2003, 19:43

Hier ein Link.

http://www.lx-networks.de/lxnetneu/index.php

Es geht eigentlich um das Kunden-Login.
Allerdings habe fragt das WebInterface den Button-Value (Log-in) ab.

Daher geht das Login nur mit
<input type="submit" name="login" value="Log-in">
nicht mit
<input type="image" src="./bilder/btn_go_bg_grau.gif" name="login" value="Log-in">

Trotzdem gibt es das Problem noch bei dem Whois-Formular unten links (Siehe Buttonm "Go!" -> hässlicher Rand oben).

Thx
Tribun

Guitar · 23.09.2003, 00:32

Wie sieht denn deine CSS-Definition für den Button aus?

LANtastic · 23.09.2003, 02:04

Du solltest deine Seite mal durch den HTML Validator jagen. Das Ergebnis ist recht aussagekräftig und mit Sicherheit hilfreich, was dein Problem angeht.

Klick hier

Das Formular darf natürlich auch nicht so eingebaut werden :

Code:

<table width="100%" border="0" cellspacing="0" cellpadding="2" >
  <form method="post" action="http://lxnetdomreg.de/kunde/home/checkuser.php" target="mainkkm">
    <tr>
      <td width="69%"><div align="center">
        <input name="kundennr" type="text" size="10">
        </div>
      </td>
    </tr>

Das Formular muss wenn schon dann innerhalb des <td> beginnen.

Die anderen Fehlermeldungen werden ebenfalls recht gut erklärt.

tribun · 23.09.2003, 10:07

Mein CSS sieht nun wie folgt aus:

input {
border: none;
background-color: #CCCCCC;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
}

input.btngo {
background-color: #DF0000;
}

Dann sieht es ganz gut aus. Allerdings wäre es besser, wenn ich dem Button gar keine Background-Color zuweisen könnte. Aber bei
background-color: none;
behält er trotzdem den grauen Hintergrund...
Egal. Es geht ja nun.

EDIT

Zum Validieren: Das ist nicht witzig, was der ausspuckt.

Danke an euch.