Florian Neumeyer: Klassisches Tabellenlayout in CSS umsetzen

Beitrag lesen

Hallo André,

Wie sieht es denn bisher aus?

Naja, alles was ich bisher habe ist dieser Schnipsel und ein paar Vorstellungen im Kopf ;)

Ein Div oben, ein Div unten.

Soweit bin ich auch gewesen.
Hier mein bisheriger Code, der in Mozilla funktioniert:

<body style="padding:0;margin:0">
<div style="display:table;border-collapse:collapse;height:100%;width:100%">
 <div style="display:table-row">
  <div style="display:table-cell">Lorem</div>
 </div>
 <div style="display:table-row;height:110px">
  <div style="display:table-cell">FOOTER</div>
 </div>
</div>
</body>

Funktioniert im Gecko ident zum Tabellenlayout nur der IE positioniert den 2. Layer nicht am unteren Fensterrand sondern unmittelbar unterhalb des 1. Layers...

Grüße,
Florian