form element rutscht aus dem Textfluss

[Der Martin]

Hallo,

auf http://www.drei-schilde-maler.de/index.php?id=004 habe ich ein Formular erstellt. Das Problem ist nun, das FireFox die CSS Anweisungen für das Formular komplett ignoriert. Und es sogar außerhalb des textflusses platziert.

das Einstiegsproblem ist ja mit dem Korrigieren des HTML-Codes anscheinend gelöst. Aber ...

<a class="zeile">
<label>Ihr Name / Ihre Firma:*</label>
<input class="text" type="text" name="Name" size="40">
</a>

... denken wir uns die a-Elemente mal weg, dann ist das label-Element immer noch nicht sinnvoll verbaut, denn es hat keinen Bezug zu seinem Eingabeelement. Ein label-Element soll entweder sein form control umschließen, oder mit einem for-Attribut auf die ID seines form control verweisen. Einige Browser (oder nur der IE6?) können mit der ersten Methode nichts anfangen, die zweite ist dagegen narrensicher.
Dann bekommt das label-Element nämlich auch die Funktion, die es haben soll: Beim Anklicken der Beschriftung wird das zugehörige Formularelement focussiert.

#page p.alles i.inhalt form.kontakt a.zeile label
{
display: block;
width: 160px;
float: left;
font-style: normal;
}

Gefloatete Elemente brauchen kein display:block (bzw. haben es schon automatisch).

So long,
 Martin