Formular ohne Tabellen auslegen

[Der Martin]

Hi,

label {
display: block;
float: left;
width: 100px;
}

Schon erstaunlich, was ein "float: left" ausmacht. Für was ist der "display: block", scheinbar geht es auch ohne?

das ist redundant, denn Floating setzt implizit display:block. Aber man möchte vielleicht den input-Elementen noch ein clear:left geben - dann passt es auch noch, wenn Label und Formularelement mal nicht die gleiche Höhe haben. Außerdem kann man das br-Element so eliminieren.

Und wie löst man es, wenn man mehr als 2 Spalten hat?

Alle außer der letzten Spalte floaten. Allerdings wird ein Schönheitsfehler dieses Ansatzes dann noch deutlicher: Man muss die Breite aller Felder fest vorgeben. Eine komfortable automatische Breitenanpassung wie bei Tabellen gibt's dann nicht.

Ciao,
 Martin