Центр содержимого div не на высоте 100%

Question

Это моя первая попытка чего-либо с элементами <header>, <footer> в HTML5.Обычно в XHTML у меня был бы div, который был нижним колонтитулом внутри контейнера <div>, и центр расширился бы полностью с ясным: оба.

Я пытаюсь использовать шаблон шириной 100% и не получаю центральную область на высоте 100%.Ребята, вы видите что-то не так с этим?

Код: http://www.designinipad.com/html5test.html

или по адресу:

https://gist.github.com/1524774

Спасибо!

Answer 1

Что бы вы ни делали, используя элемент div в прошлом, будет работать одинаково, используя элементы header и footer. Как и div, они являются просто элементами-контейнерами и ведут себя одинаково.

Answer 2

Если вы установите высоту контейнера, тела и HTML равным 100%, это должно сработать:

body, html {
    height: 100%;
}

Этот вопрос должен быть полезным: Сделать div 100% высоты окна браузера

Меня беспокоит только то, что присвоение высоты и не соответствует стандартам.

Не могли бы вы обойти это? Возможно, назначьте минимальную высоту для

с контейнером идентификатора около 700 пикселей, чтобы опустить его?

#container {
    min-height: 700px;
}