Trzykolumnowy layout z płynną środkową kolumną

O layoucie

Ta strona wystylizowana jest przy użyciu CSS. Wykorzystuję tu ujemne marginesy, aby uzyskać bogaty w funkcje layout.

Najważniejsze cechy

Zmień wymiary strony, żeby zauważyć następujące zachowania:

  1. Środkowa kolumna z treścią zmienia szerokość wraz ze zmianą szerokości przeglądarki.
  2. Ustawienie min-width sprawia, że treść nie ścieśnia się w nieskończoność; po dotarciu do minimalnej szerokości layout już się nie ścieśnia.
  3. Ustawienie max-width sprawia, że treść nie staje się zbyt szeroka; po osiągnięciu maksymalnej szerokości layout już się nie poszerza, a marginesy o wartości auto wyśrodkowują layout w oknie przeglądarki.
  4. Stopka znajduje się pod najdłuższą kolumną.