Homepage selbermachen 7.846 Themen, 35.563 Beiträge

Spaltenlayout ohne Tabellen - Eine Lösungsansatz

stareagle / 4 Antworten / Flachansicht Nickles

Hallo,

vor einiger Zeit gab es hier mal die Frage, wie man das klassische 2 Spaltenlayout (links Navigation, rechts Inhalt) für Websiten ohne Tabellen hinbekommen kann. Das Problem an den vorgeschlagenen Lösungen, die alle mit float arbeiteten war, dass man eine feste Breite angeben mußte. Dadurch passierte es, dass das Layout ein wenig durcheinander geriet, wenn der User den Schriftgrad skaliert hat.

Ich bin jetzt auf eine relativ einfache Lösung gestoßen, die ich euch nicht vorenthalten möchte;-).
Der Trick ist einfach, die Breiten nicht in Pixeln oder Prozent sondern in der Maßeinheit em einzugeben. Diese ist relativ und bezieht sich auf die Schriftgröße. D.h., wenn der User die Schriftgröße verändert, verändert sich die Breite der Spalte mit.

Ein Beispiel gibts hier: www.stareagle.de/sonstiges/spalten.html
Nichts besonderes, soll nur zur verdeutlichungen dienen.

Anregungen und Kritik sind willkommen.

MfG

Stareagle

bei Antwort benachrichtigen
xafford stareagle „Spaltenlayout ohne Tabellen - Eine Lösungsansatz“
Optionen

Das Problem bei deiner Lösung ist, wie auch bei anderen Lösungsansätzen, die ohne feste Vorgabebreite funktionierten, daß der Inhalt das linke Element umfließt, also darunter weiter läuft (zumindest in Mozilla).

Pauschalurteile sind immer falsch!!!
bei Antwort benachrichtigen