✔ Schriftausrichtung in Kontaktformular

[WIK-Lars]

Hallo,

früher habe ich Kontaktformulare mit Tabellen layoutet. So hatte ich Sicherheit, dass die Bezeichner der Eingabefelder und die inputs an sich auf einer Höhe ausgerichtet waren.

Da Tabellendesign ja mittlerweile als veraltet gilt, möchte ich nun ein Kontaktformular ausschließlich mit CSS gestalten. Ich habe einen Versuch mal hier online gestellt.

Die input-Boxen richten sich je nach Browser in unterschiedlichen Abständen aus. So ist es natürlich nur schwer möglich, die dazugehörigen Bezeichner entsprechend vor den input-Boxen auszurichten.

Gibt es da Lösungsansätze, wie man die Sache auch ohne Tabellen in den Griff bekommt?

DANKE!

 

[ristone]

<div style="clear:left">
<label for="vorname" style="float: left; width: 100px;">Vorname</label>
<input type="text" name="vorname" id="vorname" />
</div>
<div style="clear:left">
<label for="nachname" style="float: left; width: 100px;">Nachname</label>
<input type="text" name="nachname" id="nachname" />
</div>

 

[Maik]

Da Tabellendesign ja mittlerweile als veraltet gilt

Es gilt nicht als veraltet, vielmehr waren Tabellen semantisch noch nie zum Designen vorgesehen, sondern um Informationen / Daten in tabellarischer Form auszugeben.

 

[WIK-Lars]

Prima und danke!