Informacje

Niniejsza strona została sformatowana przy użyciu CSS. Demonstruje trzykolumnowy układ pozycjonowany bezwzględnie.

Koncepcja

Opcje pozycjonowania bezwzględnego określają poziome położenie kolumn. Nagłówek znajduje się w standardowym układzie elementów. Wszystkie trzy kolumny są pozycjonowane bezwzględnie w odniesieniu do kontenera, ale tylko w poziomie, dzięki czemu zawsze znajdują się pod nagłówkiem. Stopka musi być częścią środkowej kolumny. Jest to konieczne, ponieważ boczne kolumny są wyjęte z normalnego układu elementów, przez co nie można ustawić własności clear. Kolumny boczne są rozciągane w pionie za pomocą skryptu Nifty Corners.

Dzięki ustawieniu lewego i prawego marginesu kontenera div (który ma ustaloną szerokość) na auto, układ ustawia się na środku okna przeglądarki.

Pliki z biblioteki Stylib

W niniejszym układzie wykorzystano dwa pliki z biblioteki Stylib

  1. 3_col_abs.css
  2. text_n_colors.css

Plik XHTML nosi nazwę

Uwaga: Wewnętrzne elementy div znajdujące się w każdym z pięciu głównych elementów div pozwalają na ustawianie dopełnienia i obramowania bez ryzyka zmiany szerokości głównych elementów strukturalnych.

Obszar promo