Szablon responsywny - dwukolumnowy

Menu

Opis

Jeżeli nie zostaną określone szerokości kolumn ani szerokości szablonu, to szablon zajmie całe okno przeglądarki. Zmiana szerokości okna przeglądarki spowoduje automatyczną modyfikację zawartości strony i jej dostosowanie do aktualnych rozmiarów okna. Jeżeli w podanym wyżej kodzie umieścimy w kolumnie drugiej fragment tekstu, zaopeserujemy zachowanie się zawartości strony przy zmianie szerokości okna przeglądarki. Mało praktyczne jest projektowanie strony, która będzie się rozciągała do granic możliwości monitora. Lepiej zaprojektować stronę tak, aby powyżej pewnej szerokości ekranu jej szerokość już się nie zwiększyła , a poniżej pewnej szerokości okna przeglądarki nie zmniejszyła. Aby uzyskać taki efekt, należy zdefiniować minimalną i maksymalną szerokość bloku zewnętrznego (w powyższym przykładzie identyfikator ramka).