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

  1. 3_col.css
  2. text_n_colors.css

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.