Informacje
Niniejsza strona została sformatowana przy użyciu CSS. Demonstruje trzykolumnowy układ oparty na elementach pływających.
Koncepcja
Pięć tworzących strukturę dokumentu elementów div — header, nav, content, promo i footer — jest zagnieżdżonych w kontenerze div o stałej szerokości. Trzy kolumny, nav, content i promo, mają szerokość ustawioną w procentach i są elementami pływającymi, dzięki czemu ustawiają się jedna obok drugiej. Stopka ma własność clear, dzięki czemu zawsze ustawia się pod najdłuższą kolumną.
Element div pełniący funkcję kontenera ma ustawiony lewy i prawy margines na wartość auto, dzięki czemu w szerokim oknie przeglądarki strona ustawia się na środku.
Pliki biblioteki Stylib
W niniejszym układzie wykorzystano dwa pliki CSS z biblioteki Stylib
Plik z kodem XHTML nosi nazwę
Uwaga: Wewnętrzne elementy div znajdujące się w każdym głównym elemencie div pozwalają na zastosowanie dopełnienia i marginesów bez obawy przed zmianą szerokości strukturalnych elementów div.