Размещение div в нижней части страницы

Question

Я занимаюсь разработкой сайта, в меню которого должен находиться конец страницы. Помимо меню, внизу страницы должен находиться еще один div с двумя изображениями.

Перейдите по ссылке на полный исходный код страницы;

Красным цветом меню должно быть выровнено внизу страницы, выровнено по центру div # leftcontent.

В div # blue социальные сети должны быть выровнены внизу страницы, выровнены по центру div # nav.

Когда я говорю снизу, я имею в виду прямо в конце страницы.

Answer 1

Если вы имеете в виду не статическое позиционирование, а просто естественное возникновение внизу страницы, даже если содержимое боковой панели приводит к тому, что страница выходит за пределы основного содержимого, при котором отображается нижняя навигация, тогда вам не повезло с использованием divs. Это один из основных недостатков CSS 2.1.

У вас есть два варианта:

• Используйте таблицу для базовой раскладки

• Использование JavaScript для динамического позиционирования div в зависимости от длины боковой панели

Выбор за вами, но опция javascript не будет работать для людей с отключенным javascript, таких как старые мобильные браузеры.