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:

  1. 2_col.css
  2. text_n_colors.css

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.