Informacje
Ta strona jest sformatowana za pomocą CSS. Demonstruje dwukolumnowy układ oparty na elementach pływających.
Koncepcja
Cztery tworzące strukturę elementy div — header, nav, content i footer— są zagnieżdżone w elemencie div o stałej szerokości. Kolumny, nav i content, mają rozmiary określone w procentach i są elementami pływającymi, dzięki czemu ustawiają się jedna obok drugiej. Dzięki zastosowaniu własności clear, stopka (footer) zawsze znajduje się pod kolumnami, bez względu na to, która jest dłuższa.
Dzięki ustawieniu lewego i prawego marginesu pełniącego funkcję kontenera elementu div na wartość auto, strona ustawia się na środku okna przeglądarki, jeśli jest ono bardzo szerokie.
Pliki biblioteki Stylib
W tym układzie zostały wykorzystane dwa pliki z biblioteki Stylib:
Plik z kodem XHTML nosi nazwę:
Uwaga: Wewnętrzne elementy div znajdujące się w czterech głównych elementach div pozwalają na ustawianie dopełnienia i obramowania bez wpływu na elementy struktury.