Как создать кроссбраузерный (табличный) layout?

Question

[AlexeiA]

Здравствуйте!

Прошу помощи в создании кроссбраузерного (IE8+) лэйаута, пусть и на таблицах, следущего вида:



Header и footer прилеплены к верху и низу соответственно, content занимает все оставшееся пространство, при необходимости скроллируется.

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

Пока пришел к такому варианту на таблицах: jsfiddle, но он работает только в хроме.

Answer 1

[Jaty4]

jsfiddle.net/Jaty4/4Jcc4

Comments

[AlexeiA]

Не годится, т.к. высоты хедера и футера могут измениться, а JavaScript использовать не хочется

[Jaty4]

ну так высота там и не задана для хедера и футера