IE vs FF bei "Trennstrichen" zwischen Spalten

[Gunnar Bittersmann]

Hello out there!

<div style="display:table">
<div style="display:table-row">
<div style="display:table-cell; border-right: silver solid 1px; height: 100%"></div>
<div style="display:table-cell"></div>
<div style="display:table-cell"; border-left: silver solid 1px, height: 100%"></div>
</div>
</div>

Das ist ziemlicher Murks. Wenn du ein Tabellenlayout willst, nutze 'table', 'tr', 'td'. Indem du eine Tabelle mit 'div' nachbaust, erreichst du gar nichts; sämtliche Nachteile eines Tabellenlayouts bleiben. Zusätzlich krankt dein Quelltext noch an Divitis.

Für IE ordne ich die Spalten über den Starhack (*html #id {float: left;}) an.

Und das solltest du auch für andere Browser tun. Nur so besteht die Chance, dass sich das Layout flexibel an die Gegebenheiten beim Nutzer anpassen kann.

See ya up the road,
Gunnar