0

フッターの上部と div の間に一定のスペースを確保する方法を見つけようとしています。

現在、各ページのサイズは異なり、手動で調整しています。私が抱えている最大の問題は、さまざまな形式の Web ブラウザー間でマニュアル スペースが変化していることです。いくつかのページに js アンケートがあります。アンケートが完了すると、div が [戻る] ボタンと [次へ] ボタンの上にスライドします。新しい CSS スタイルを作成することでこれを修正しました。フッターからすべてのページとすべてのブラウザーで同じ距離に配置するように div (テキスト付きのボックス) を設定する方法はありますか? 現在、私のコードは IE9 でのみ正しく動作しています。

私が使用しているCSSは次のとおりです。

#mainInfoBox
{

margin-bottom:-35px; !important;    
clear:both;
min-height:2em;
height: auto !important;
height:32px;
padding: 2px 3px 0 3px;
border: 1px solid #4c6352;
background-color:#f2f684;
color:#000;
font-family:Tahoma, Geneva, sans-serif;
text-align:center; 
display:block;
position: relative;
}

そして、これは私がhtmlで使用しているものですが、その値はすべてのページで変わります:

<div id="mainInfoBox" style="margin-top:193px; clear:both">Blah Blah Blah</div>
4

1 に答える 1

0

フッターがすべてのページで同じであると仮定すると、固定の高さを設定するか、少なくとも高さを計算できます。次に、次のように bottom プロパティを使用して、必要な div をその上に絶対に配置します。

footer { height: 250px; }
#mainInfoBox { 
    position: absolute;
    bottom: 260px; /* so it is 10px on top of the footer */
}
于 2013-06-13T18:28:03.717 に答える