Beat: flexible layouts

Beitrag lesen

Also ich habe testweise ein einfaches layout erstellt mit 3 spalten.
Wenn ich den Browser kleiner ziehe, zB auf 1024x768, passen sich alle container dann nur korrekt an wenn sie !alle! eine prozentuale größe haben?

Definiere korrekte Anpassung?
Viele verwenden dreispaltige Layouts, wobei die äusseren Spalten eine nicht prozentuale Breite hat. Das geht dann in einem bestimmten Rahmen gut.

Mir ist aufgefallen dass wenn ich den zwei Sidebars eine feste breite gebe, dem maincontent aber eine prozentuale, das sie sich nicht korrekt anpassen.

Klar. Offenbar hast du deinen Content mi einem formating Block-Kontext versehen, was ihn natürlich bei einer Angabe ungleich width:auto sperrig macht.

Bei prozentangaben allerdings passt sich alles korrekt an, abgesehn von der höhe. Gibt es da andere möglichkeiten?

Brauchst du eine andere Möglichkeit?
Du kannst nur dann effektiv komplex layouten, wenn die die Ausmasse kennst.

Meine Möglichkeit ist im Link im Header dieser Message dargelegt.
Allerdings nur für ein zweispaltiges Layout. Ich verwende hier grundsätzlich prozentuale Angaben. JS gibt mir den zur Verfügung stehenden Raum und schreibt dann das passende Modell (block versus inline-block)

mfg Beat

--
><o(((°>           ><o(((°>
   <°)))o><                     ><o(((°>o
Der Valigator leibt diese Fische