静的な高さのCSS 100％高さ+ヘッダー。

私は高さが40ピクセルのヘッダーを含むレイアウトを構築しています。このヘッダーの下に、利用可能な残りの領域を占めるSWFが存在します。静的な高さのCSS 100％高さ+ヘッダー。

最初の行は40ピクセルの高さで、2行目のピクセルの高さは100％ですが、これらの行は引き続きInternet Explorerに追加され、40余分なピクセルのスクロールバーが表示されます - そうであってはならない。

私はこれを使ってみました：http://www.456bereastreet.com/archive/200609/css_frames_v2_fullheight/ - 最終的にはコンテンツを持っているが、100％のSWFがある場合は正常に動作し、ページ全体またはページの半分を占めます（SWFを置くことによってコンテンツdivにあるSWFまたはコンテンツdivにあるSWF）。

私はこのビジネスの世話をするためにjavascriptに頼る前に、他の人がもっと良い解決策を知っているのだろうかと思います。

出典

2009-04-27 Kasper

ヘッダーを静的に設定してみてください。本体に浮くので、本体を100％の高さにします。その後、ボディに40pxのパディングを上に付けます。

出典

2009-04-27 19:14:12

を働くかもしれない、私のSWF今ヘッダーを示す保つために私のswfobjectへのwmode =「透明」を追加する必要がありましたが、ヘッダーとswfの両方の位置が絶対に設定されている場合は、ページの上部までずっと元気づけられます。 relativeに設定すると、同じ古い値が発生します。 – 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％高さ+ヘッダー。

答えて

関連する問題