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
xafford Borlander „Tabellenlayout durch CSS ersetzen - wer schafft das?“
Optionen

Hi Bor, ich hab noch einmal experimentiert. Das Layout, welches ich Dir gezeit hatte habe ich nun mit CSS hin bekommen. Ganz ohne Breitenangaben geht es definitiv nicht und kann es auch nicht gehen mit float, da der Browser sonst nicht weiß, wie er floaten soll. Alternativ geht e snur mit prozentualen Breitenangaben.

Pauschalurteile sind immer falsch!!!
bei Antwort benachrichtigen
Antwort Borlander