Hallo,
da hier einige CSS-Experten jede Verwendung einer Tabelle als Layout als "Totsünde" bezeichnen möchte ich nun mal sehen wer es schafft dieses Tabellenlayout mit CSS und DIVS umzusetzen.
Wichtig dabei ist das die Höhe aller 3 Spalten immer gleich und abhängig vom Inhalt ist.
Jetzt bin ich mal gespannt wer dies schafft.
HTML
<table style="text-align: left; width: 100%;" border="0"
cellpadding="10" cellspacing="0">
<tbody>
<tr>
<td style="background-color: rgb(51, 51, 51);" colspan="3" rowspan="1"><br>LOGO<br>
</td>
</tr>
<tr>
<td style="width: 100px; vertical-align: top; background-color: rgb(204, 204, 204);">
Text1<br>
Sonstiges<br>
Überschallgeschwindigkeitsflugzeug</td>
<td style="height: 400px; background-color: rgb(102, 255, 153); vertical-align: top;">
Dies ist ein TEST</td>
<td style="width: 80px; background-color: rgb(204, 204, 204); vertical-align: top;">
Text1<br>
Text2<br>
Text3</td>
</tr>
</tbody>
</table>
Alles anzeigen