Informacje
Niniejsza strona została sformatowana przy użyciu CSS. This layout uses negative margins to create this feature-rich layout.
Key features
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-widthzapobiega zbytniemu ściśnięciu treści. Kiedy treść osiągnie określoną minimalną szerokość, dalej się nie zwęża. - Własność
max-widthzapobiega zbytniemu rozciągnięciu treści. Kiedy treść osiągnie określoną maksymalną szerokość, dalej się nie rozszerza, a marginesy ustawione na auto ustawiają układ na środku strony. - Stopka ustawia się pod najdłuższą kolumną.
Aby niniejszy układ działał bez zarzutów w przeglądarce IE 6, należy do dokumentu dołączyć plik minmax.js za pomocą znacznika script. jest to spowodowane tym, że przeglądarka IE 6 nie obsługuje własności min-width i max-width.
Pliki biblioteki Stylib
W niniejszym układzie wykorzystano dwa pliki z biblioteki Stylib
Plik XHTML nosi nazwę