CSS 100% wysokość + nagłówek z wysokością statyczną;

Question

Buduję układ zawierający nagłówek o wysokości 40 pikseli. Pod tym nagłówkiem znajduje się plik SWF, który powinien zająć resztę dostępnej przestrzeni.

Najlepszym rozwiązaniem do tej pory jest praca z tabelą, co daje pierwszy wiersz o wysokości 40 pikseli, a drugi wiersz o wysokości 100% - ale te wiersze nadal są dodawane do przeglądarki Internet Explorer, czego wynikiem jest pasek przewijania z dodatkowymi 40 pikselami - co nie powinno tak być.

Próbowałem użyć tego: http://www.456bereastreet.com/archive/200609/css_frames_v2_fullheight/ - działa dobrze, jeśli masz zawartość, która w końcu zepchnie, ale z plikiem SWF zawierającym 100%, przejmie całą stronę lub połowę strony (w zależności od umieszczenia pliku SWF w div zawartości lub SWF będącym div zawartości).

Zanim skorzystam z javascript, aby zająć się tym biznesem, zastanawiam się, czy ktoś jeszcze zna lepsze rozwiązanie?

Answer 1

Spróbuj ustawić swój nagłówek jako statyczny. Więc unosi się nad głównym ciałem i ustawia główny korpus na 100% wysokości. Następnie nadaj korpusowi wyściółkę 40px na górze.

Answer 2

Podobne rozwiązanie do wymuszania stopkę na dole strony może działać

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>