CSS 100%高度+;具有静态高度的收割台;

CSS 100%高度+;具有静态高度的收割台;,css,flash,internet-explorer,height,Css,Flash,Internet Explorer,Height,我正在建立一个布局,其中包括一个标题,这是40像素的高度。在这个标头下面有一个SWF,它将占用剩余的可用空间 到目前为止,最好的解决方案是使用一个表,第一行的高度为40px,第二行的高度为100%——但这些行在Internet Explorer中仍然加起来,导致出现一个额外40像素的滚动条——情况不应如此 我试着用这个:-如果你的内容最终会向下推,它工作得很好,但是如果有一个100%的SWF,它将占据整个页面,或者是页面的一半(取决于把SWF放在内容div中或者SWF是内容div) 在我使用ja

我正在建立一个布局,其中包括一个标题,这是40像素的高度。在这个标头下面有一个SWF,它将占用剩余的可用空间

到目前为止,最好的解决方案是使用一个表,第一行的高度为40px,第二行的高度为100%——但这些行在Internet Explorer中仍然加起来,导致出现一个额外40像素的滚动条——情况不应如此

我试着用这个:-如果你的内容最终会向下推,它工作得很好,但是如果有一个100%的SWF,它将占据整个页面,或者是页面的一半(取决于把SWF放在内容div中或者SWF是内容div)


在我使用javascript处理此业务之前,我想知道是否有其他人知道更好的解决方案?

尝试将标题设置为静态。因此,它漂浮在主体上,并将主体设置为100%高度。然后在正文的顶部加上40像素的填充。

一个类似于将页脚强制放在页面底部的解决方案可能会奏效

    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>
html,正文{高度:100%;边距:0;填充:0;}
#头部{高度:40px;背景:蓝色;}
#包装{最小高度:100%;高度:自动!重要;高度:100%;边距:0自动-40px;背景:红色;}
#内容{}

这种排序有效,必须将wmode=“transparent”添加到我的swfobject以保持显示页眉,但现在如果页眉和SWF位置都设置为绝对,我的SWF仍然会一直粘到页面顶部。当设置为relative时,同样的情况也会发生。这在普通页面上可以工作,但在SWF的设置中不行,我求助于javascript。无论如何谢谢你