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

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

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

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

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

источник

2009-04-27 Kasper

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

источник

2009-04-27 19:14:12

что Сорта работает, пришлось добавить WMODE = «прозрачный» к моему SWFObject, чтобы показывать заголовок, но теперь мой SWF по-прежнему держится вплоть до верхней части страницы, если оба заголовка и swf-позиции установлены на абсолютное. Когда установлено значение относительного, то происходит то же самое. – Kasper

Это работало бы с обычной страницей - но не с настройкой с SWF, я прибегал к javascript. Спасибо, в любом случае – Kasper

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

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>

источник

2009-04-27 19:45:27 wheresrhys

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

ответ

Смежные вопросы