Und hier kommt der Nachschlag!
Weil’s soviel Spaß macht gibt’s noch einen Dreispalter mit “position: absolute” obendrauf. Ich teste weiter und stelle hier eine andere Art des layoutens vor. Keine Floats – Keine Clears. Absolut!
Mal eine andere Herangehensweise? Diese Lösung bietet den entscheidenden Vorteil, dass alle Spalten – und somit das komplette Layout – jeder Skalierung (dem neuen “Browserzoom” vom IE8 und FF3 z. B.) standhalten und zusätzliche Container über “position: absolute” beliebig platziert werden können.
Nachteile: Es streckt sich nicht über den Viewport hinaus, zumindest wenn ein Footer verwendet und unten ausgerichtet wird. Außerdem füllt der IE6 die Zellen nicht automatisch mit dem Hintergrund (vgl. Beispiel), sodass mit Faux Columns geabeitet werden muss…
Für Internetseiten mit festen Inhalten ist dieses Layout also besonders geeignet. Es kann allerdings auch mit vertikalen Scrollbalken angelegt werden (overflow: auto), so dass es eher das Erscheinungsbild eines Framesets hat.
Es diente mir für Tests mit absoluter Positionierung und kann vielfältig eingesetzt werden, wenn man die Technik beherrscht.
Wie auch immer, ich denke es ist einen Versuch wert und ist hier (rar, 1.29 kB) erhältlich.






