Контент DIV не сдвигает нижний колонтитул

Question

У меня проблема с застрявшим нижним колонтитулом, который не был сдвинут 2x DIV в основной области содержимого.

www.superwideprint.com / swp2

по какой-то причине 2 контейнера содержимого не толкают нижний колонтитул при низком разрешении экрана, я добавил четкое: оба div выше нижнего, но безрезультатно.

Может кто-нибудь помочь мне, пожалуйста.

таблицу стилей и главную страницу можно увидеть по ссылке выше. был в этом в течение нескольких часов.

Answer 1

Положение нижнего колонтитула установлено на абсолютное значение, поэтому div содержимого не повлияет на него. Установка положения на относительное также не поможет, так как это означает, что ваш код bottom: 0 подтолкнет его к основанию, в котором он находится, а не к странице.

То, что вам нужно, это липкий нижний колонтитул, попробуйте это http://www.cssstickyfooter.com/ или http://ryanfait.com/sticky-footer/

Answer 2

Причина в том, что #footer DIV position:absolute. Итак, удалите position:absolute из нижнего колонтитула.

Часть, из которой вы хотите, чтобы ваш нижний колонтитул всегда оставался внизу, тогда вы можете использовать Sticky Footer . Проверьте это http://ryanfait.com/sticky-footer/