Помогите дивно сверстать

uncle17

Наверняка уже кто-то трахался с этим
Слои должны быть в таком порядке

<div id="content">Content</div>

<div id="header">Header</div>

<div id="footer">Footer</div>

Обертки, где нужно, можно ставить.
Другие требования:
- Хедер и футер имеют известную высоту (40px)
- Футер прижат к нижнему краю окна
- Контент - высота неизвестна (но в отведенное место точно умещается). Ширина, допустим, известна. Контент отцентрирован и по горизонтали, и по вертикали.
- При изменении размеров экрана никто ни на кого не наезжает.
- Максимально кроссбраузерно (да, и IE6)
- Желательно на чистом CSS, без expressions

artimon

контент центрируем например так: http://www.jakpsatweb.cz/css/css-vertical-center-solution.ht...
хедер — position:absolute; left:0;top:0;width: 100%;
футер — position:absolute; left:0;bottom:0;width: 100%;

uncle17

Хедер и футер при ресайзе будут налезать на контент
Ни паддинг, ни маргин не помогут

artimon

Ты определись
или
«Контент - высота неизвестна (но в отведенное место точно умещается)»
или
«буду налезать»

uncle17

при первоначальной загрузке высота неизвестна, но вмещается.
Потом при ресайзе должен появляться скролл при достижении высоты body в сумму высот трех дивов

artimon

тебе такое поведение нужно?
http://lynn.ru/examples/footer-at-bottom.xhtml

uncle17

точно, только контент надо отцентрировать

artimon

Сделай #content таблицей с одной ячейкой. Иначе ты IE не победишь

uncle17

ясно, спасибо
Жаль, конечно

artimon

Все известные мне альтернативные способы центрирования по вертикали в IE рассчитаны на то, что «места точно хватит». А если контента может быть больше, чем места по вертикали они все сливают

kill-still

а чего не lorem ipsum?