1

私は次のことをしようとしています。静的なトップ（ヘッダー）と中央の記事領域、およびナビゲーションコントロールを備えたスティッキーフッターを備えたWebサイトを作成します。私の挑戦は次のとおりです。コントロールを常にページの下部に配置したいので、ブラウザを再スケーリングしたり、別の解像度でページを開いたりした場合、サイズが変更されるのは記事領域のみです…。私はこれを解決することができませんでした/またはこれをしているページを見ました。

100pxの静的ヘッダー、150pxの静的フッター、window.innerHeight –フッター–ヘッダーの記事領域が必要です。

静的フッターのあるページをたくさん見ましたが、それらすべてについて、の下部を参照する必要があります。そのための画面が表示されます。いつも画面の一番下に表示してほしいです。

どんな助けでも大歓迎です。

4

2 に答える 2

0 
#header{
background:yellow;
position:absolute;
top:0;
left:0;
height:100px;
width:100%;    
}

#foot{
background:yellow;
position:absolute;
bottom:0;
left:0;
height:150px;  
width:100%;        
}

#content{
background:orange;
position:absolute;
top:100px;
bottom:150px;
width:100%;    
}

xhtml http://jsfiddle.net/DWMHr/

于 2012-04-11T12:26:28.463 に答える
-1

あなたの最善の選択肢は記事エリアを作ることかもしれないと思いますoverflow:scroll

于 2012-04-11T12:25:04.550 に答える