Informacje

Niniejsza strona została sformatowana przy użyciu CSS. Do utworzenia tego układu wykorzystano ujemne marginesy.

Najważniejsze cechy

Zmień rozmiar tej strony, aby zaobserwować następujące zjawiska:

  1. Środkowa kolumna z treścią zmienia szerokość wraz ze zmianą szerokości okna.
  2. Własność min-width zapobiega zbytniemu ściśnięciu treści. Kiedy treść osiągnie określoną minimalną szerokość, dalej się nie zwęża.
  3. Własność max-width zapobiega zbytniemu rozszerzeniu się treści. Kiedy układ osiąga maksymalną szerokość, marginesy ustawione na auto ustawiają go na środku okna przeglądarki.
  4. Stopka ustawia się pod najdłuższą kolumną.

Aby niniejszy układ działał prawidłowo w przeglądarce IE 6, konieczne jest dodanie do tego dokumentu pliku minmax.js za pomocą znacznika script. Jest to konieczne, ponieważ przeglądarka IE 6 nie obsługuje własności min-width i max-width.

Obszar promo

Niniejsza kolumna ma ujemny margines, który pozwala na ustawienie jej wewnątrz elementu div z treścią. Dodatni margines elementu content tworzy miejsce dla tej kolumny.