Положение нижнего колонтитула является постоянным

Question

Как я могу сделать так, чтобы мой нижний колонтитул находился внизу контейнера, после всего, что находится в основном?

Вот сайт: (Хорошо на главной странице, но не на других) http://dl.dropbox.com/u/122695/ds/index.html

Answer 1

У вас есть несколько проблем в вашем макете. Сначала вы должны избавиться от фиксированных высот или максимально увеличить их. Вот правило, которое имеет проблему:

.panels h6 {
  border-left: 1px dotted;
  border-top: 1px solid;
  font-family: verdana;
  font-size: 11px;
  height: 200px;
  /* height 200 px is less than the required height which should be ~244px */
  line-height: 1.3;
  padding: 10px;
}

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

<div style="clear: both;"></div>

Это автоматически установит высоту этого элемента.

Редактировать ----

Set .panels h6 { height: 200px; overflow-y: scroll; ... }. Затем используйте JavaScript, чтобы получить и установить высоту всех трех столбцов, равную высоте самого высокого столбца. Для этого вы можете использовать функции Prototype , например Element.getHeight () и Element.setStyle () .

В качестве альтернативы, Google "Искусственные столбцы CSS" или "Столбцы одинаковой высоты CSS".

Answer 2

Снимите высоту: 200px с панели h6. ЭТО должно работать на вас.

Answer 3

это решить вашу проблему?

.footer { clear:both !important;}

Answer 4

я использовал липкий нижний колонтитул для решения этой проблемы до

Answer 5

Используйте clearfix в вашем основном разделе.

Answer 6

То, что вы ищете, называется липким нижним колонтитулом . Google для этого, и вы найдете кучу разных вариантов. Это то, что я использую текст ссылки