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,

ich weiss zwar nicht ob es wirklich hilft, aber versuch ob es mit width:auto;float:left als im Style hilft klappt.
Ich hab letztens auch so was gebastelt, bei mir hat es damit ganz gut funktioniert...

MfG

Stareagle

bei Antwort benachrichtigen
Antwort xafford
Antwort Borlander