Homepage selbermachen 7.846 Themen, 35.563 Beiträge

Tabellenlayout durch CSS ersetzen - wer schafft das?

Borlander / 7 Antworten / Flachansicht Nickles

Hallo CSS-Freunde (und CSS-Feinde),
ich hab da ein, zugegebenermaßen nicht ganz triviales, Problem:

Ich suche für ein Tabellenlayout (wie folgend) einen äquivalenten Ersatz, mit CSS (der natürlich ohne Tabellen auskommen soll und nicht nur in einem Browser funktioniert). Hört sich zwar einfach einfach an, ist es aber nicht wirklich ;-)


<table><tr valign="top"><td nowrap bgcolor="#cccccc"><div class="nav">
    <a href="#">Link 1</a><br />
    <a href="#">Link 2</a><br />
</div></td><td width="100%" bgcolor="#cccccc"><div class="content">
  Hier kommt viel Inhalt in Form von Text und was noch so dazu gehört rein...
  Hier kommt viel Inhalt in Form von Text und was noch so dazu gehört rein...
  Hier kommt viel Inhalt in Form von Text und was noch so dazu gehört rein...
  Hier kommt viel Inhalt in Form von Text und was noch so dazu gehört rein...
  Hier kommt viel Inhalt in Form von Text und was noch so dazu gehört rein...
  Hier kommt viel Inhalt in Form von Text und was noch so dazu gehört rein...
  Hier kommt viel Inhalt in Form von Text und was noch so dazu gehört rein...
  Hier kommt viel Inhalt in Form von Text und was noch so dazu gehört rein...
  Hier kommt viel Inhalt in Form von Text und was noch so dazu gehört rein...
</div></td></tr></table>
(das BGColor-Attribut dient hier nur der besseren Sichtbarkeit der Tabelle)

So schaut das ganze dann im Browser aus:
Hier kommt viel Inhalt in Form von Text und was noch so dazu gehört rein...
Hier kommt viel Inhalt in Form von Text und was noch so dazu gehört rein...
Hier kommt viel Inhalt in Form von Text und was noch so dazu gehört rein...
Hier kommt viel Inhalt in Form von Text und was noch so dazu gehört rein...
Hier kommt viel Inhalt in Form von Text und was noch so dazu gehört rein...
Hier kommt viel Inhalt in Form von Text und was noch so dazu gehört rein...
Hier kommt viel Inhalt in Form von Text und was noch so dazu gehört rein...
Hier kommt viel Inhalt in Form von Text und was noch so dazu gehört rein...
Hier kommt viel Inhalt in Form von Text und was noch so dazu gehört rein...


Schon mal vielen Dank das Ihr bis hier gelesen hab :-)


Gruß
Borlander

PS: Zaphod hat bisher auch keine Lösung...
bei Antwort benachrichtigen
stareagle Borlander „Tabellenlayout durch CSS ersetzen - wer schafft das?“
Optionen

Hallo,

hab noch mal ein wenig getestet. Sieht so aus, dass es nur funktioniert, wenn man der linken Spalte eine feste Breite zuweist. Leider, wie du richtig geschrieben hast, kann man dann nicht frei skalieren.

Also, ihr lieben Verfechter des tabellenlosen Layouts, sagt mal wie ihr dieses Problem lösen wollt? Oder bleiben nur Tabellen übrig? Display:table wird ja leider vom IE nicht unterstützt, sonst wäre es ein interessanter Ersatz...

MfG

Stareagle

bei Antwort benachrichtigen
Antwort xafford
Antwort Borlander