высота нижнего колонтитула 100% на вертикально центрированной странице

Question

http://www.stuartflake.com - сайт, над которым я работаю.Элемент нижнего колонтитула содержит меню, фон серый.Содержимое страницы центрируется по вертикали как div#position

CSS для этого

#position { text-align:center; position:absolute; top:50%; left:0; width:100%; height:1px; display:block; }

Моя проблема в том, что я хотел бы, чтобы серый нижний колонтитул имел динамическую высоту, чтобысерый всегда распространяется на дно (нет, не «липкий» нижний колонтитул).Любые мысли, как это можно сделать?

Решение css является предпочтительным, однако решение jQuery также допустимо.

спасибо

Answer 1

Я не уверен, что это то, что вы спрашиваете, но вы можете изменить #wrapper top:-325px на top:-200px

Answer 2

Это не идеальное решение, но вы можете «подделать» его, манипулируя телом:

background:#E7E8E4;
border-top:300px solid #F6F6F6;

А затем добавьте это в #wrapper:

background:#F6F6F6;

Это не удастся, если у пользователя действительно высокий экран (с полем более 300 пикселей сверху вниз).