CSS 100% высота + заголовок со статической высотой;

Question

Я строю макет, который включает в себя заголовок высотой 40 пикселей. Под этим заголовком находится SWF, который должен занимать оставшуюся часть доступного пространства.

Лучшим решением до сих пор была работа с таблицей, при которой первая строка высотой 40 пикселей и вторая строка имели высоту 100%, но эти строки все еще складываются в Internet Explorer, в результате чего на 40 дополнительных пикселях появляется полоса прокрутки - чего не должно быть.

Я пытался использовать это: http://www.456bereastreet.com/archive/200609/css_frames_v2_fullheight/ - это работает нормально, если у вас есть контент, который в конечном итоге сдвигается вниз, но с SWF со 100%, он займет всю страницу или половину страницы (в зависимости от при помещении SWF в div содержимого или SWF, являющийся div содержимого).

Прежде чем я прибегну к javascript, чтобы заняться этим делом, мне интересно, знает ли кто-нибудь еще лучшее решение?

Answer 1

Попробуйте установить заголовок как статический. Таким образом, он плавает над основным корпусом и устанавливает основной корпус на 100% высоты. Затем дайте телу обивку в 40 пикселей сверху.

Answer 2

Аналогичное решение для перемещения нижнего колонтитула внизу страницы может работать

    html, body{height:100%;margin:0;padding:0;}
    #head{height:40px;background:blue;}
    #wrapper{min-height: 100%;height: auto !important;height: 100%; margin: 0 auto -40px;background:red;}
    #content{}

<div id="wrapper">
<div id="head">
</div>
<div id="content">
</div>
</div>