Die Internet Explorer Hölle

Man nehme ein hübsches HTML Formular:

<form>Vorname:
<input maxlength="30" name="vorname" size="30" type="text" />

Nachname:
<input maxlength="30" name="nachname" size="30" type="text" />

</form>

In fast allen Browser sieht das prima aus, nur der Internet Explorer ist der Meinung nach dem Formular einen Zeilenumbruch einzufügen, was in einigen Konstellationen doch recht seltsam aussieht. Glücklicherweise kann man das ganze leicht per CSS verhindern. Dazu müssen wir dem Form Tag die Eigenschaft display:inline zuweisen. Das ganze sieht dann so aus:

<form style="display: inline;">Vorname:
<input maxlength="30" name="vorname" size="30" type="text" />&nbsp;

Nachname:
<input maxlength="30" name="nachname" size="30" type="text" />

</form>