Homepage selbermachen 7.846 Themen, 35.563 Beiträge

Verfolgung starten Optionen

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:
Link 1
Link 2
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
Hallo, ich weiss zwar nicht ob es wirklich hilft, aber versuch ob es mit ... stareagle
Borlander stareagle „Hallo, ich weiss zwar nicht ob es wirklich hilft, aber versuch ob es mit...“
Optionen

Hallo Stareagle,

also .nav { float:left } gehörte zu den Dingen die ich als erstes versucht hatte. Das sieht dann so aus (HTML-Code wie oben, nur ohne die Tabellen-Tags):


Wird von IE und Mozilla so dargestellt, das der Text unter dem div.nav weiterfließt (.nav { height:100%; } bring keine Abhilfe, das das gleiche dann wieder passiert wenn die Seite nicht mehr ins Browserfenster passt)...

Auf jeden Fall schon mal vielen Dank für den Versuch :-)


Gruß
Borlander

bei Antwort benachrichtigen
http://www.stichpunkt.de/css/bereiche.html Plazebo
Schaut erst mal vielversprechend aus, liefert jedoch leider keinen ... Borlander
Hallo, hab noch mal ein wenig getestet. Sieht so aus, dass es nur ... stareagle
Antwort xafford
Antwort Borlander