heinrich: fluide zwei spalten

Beitrag lesen

Hallo,

Was ich bis hierhin schon nicht verstehe ist:

  • Sind die beiden Spalten nicht in einen Wrapper eingeschlossen?
  • Die rechte Spalte hat keine min-width, bzw. der umgebende Wrapper?

Doch die Spalten sind in einem Container.
div#container {
min-width: 25em;
width: 90%;
}
div#right {
float: right;
}
fiv#left {
min-width: 20em;
width: 70%;
}

Die Breite der rechten Spalte soll sich nach den Inhalten in ihr richten, konnte mich zu keiner sinnvollen Breitenangabe durchringen.

In der Linken Spalte ist Textinhalt. In der Rechten sollen so Sachen wie Navigation, Login, Abstimmungen etc. eben innerhalb des Containers so weit wie nötig in die übrigen 10% ragen.

Nein, das kann doch schon rein von der Logik her nicht hinhauen. "Gleich lang" macht doch nur Sinn für Spalten, die sich nebeneinander befinden. Genaugenommen kann man bei untereinander ja gar nicht mehr von Spalten reden, sondern eher von "Blöcken".

Naja, gleich lang. Wie soll ich sagen? Die Spalten sollen praktisch über die ganze Seite gleich breit sein und sich nicht wie einem einfachen Float wieder ausbreiten, sobald wieder Platz ist. In dem Sinne gleich lang über die ganze Seite erstreckt die Spalte, sofern der Platz eben reicht.
Reicht der Platz nicht, in Blöcken untereinander.

»» Oder muss ich mich entscheiden zwischen durchgehenden Spalten oder sinnvoller Nutzung von min-width?
Wenn bei gleichem Stylesheet auch der Fall abgedeckt sein soll, dass der Viewport so schmal werden kann, ohne dass die Seite horizontal aus diesem "herausragt", dann dürfte es imho sehr schwer werden, den gewünschten Effekt rein mit CSS zu erreichen.

sehr schwer = unmöglich?

Allerdings bin ich der Meinung, dass man für das Screen-Layout heutzutage durchaus eine Mindestbreite von 800px annehmen darf. Und wenn man weiter davon ausgeht, dass die Standard-Schriftgröße bei den allermeisten Usern 16px beträgt, dann hat deine linke Spalte eine min-width von 320px. Blieben für die rechte Spalte also immerhin noch ganze 480px übrig.

Mir scheint es eher so, als ob du eine Seite (auch) für Handys basteln willst.

Naja nicht für ein Handy, aber ich wollte mal ein absolut fluides Layout nach Ideologie und Philosophie korrekt umsetzten versuchen...

Vermutlich wird nie jemand einen so schmalen Viewport haben, dass ich nicht einfach overflow: hidden verwenden und mich über 2 Spalten freuen könnte, aber prinzipiell muss es ja gehen...

Grüße