← к списку статей

24.04.10 (последнее изменение 27 декабря 2010)

С чего начать

Какую следует взять основу для верстки.

Демонстрация

Старая школа

Необходимость прижимать подвал к низу окна браузера возникает не так уж редко. В стародавние времена такая проблема решалась с помощью общей двустрочной таблицы, растянутой по вертикали; нижняя строка с нижним выравниванием содержала подвал, и таким образом он прижимался к низу окна. Если сайт был "резиновым", то общая таблица позволяла синхронно менять ширину всех вложенных блоков.

Новая школа

Сейчас в моде семантическая верстка — таблицы повсеместно заменили дивами с батареей CSS-стилей. Но если возникает необходимость сделать резиновый сайт или прижать подвал книзу, то зачастую приходится применять яваскрипт, который вычисляет новые позиции элементов и перерисовывает их...

Тем не менее, существуют решения, не нуждающиеся ни в таблице ни в перерисовке элементов. В доказательство предлагаю свой вариант, его преимущества и недостатки привожу ниже.

Метод позволяет

  • прижать подвал к низу окна браузера;
  • сделать "резиновую" верстку;
  • установить минимальную ширину сайта;
  • обойтись без перерисовки элементов посредством яваскрипта1.

Недостатки

  • высота подвала фиксирована;
  • требуется яваскрипт-библиотека jQuery.

1 Яваскрипт используется для MSIE <= 7 только во время загрузки страницы. Яваскрипт не используется при изменении размеров окна браузера.

← к списку статей