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:
- Środkowa kolumna z treścią zmienia szerokość wraz ze zmianą szerokości okna.
- Własność
min-width
zapobiega zbytniemu ściśnięciu treści. Kiedy treść osiągnie określoną minimalną szerokość, dalej się nie zwęża. - 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. - 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
.