0


0

HTMLとBodyはブラウザ全体を占めていない-HTML5の問題?

何が間違っているのかわかりませんが、何らかの理由で、マークアップにバグがあり、body要素とhtml要素がブラウザのビューポート全体を占有しない原因になっています。

私はこれの底に達することができません。 体の上下に10ピクセルの紫色の境界線を追加しようとしたときに、最初に頭を育てました。

Firebugでページを調べると、html要素またはbody要素にカーソルを合わせたときに強調表示されていないページの巨大な部分があることがわかります。 そして、下部に適用した境界線は、ページ上で非常に遠くまでハングアップしています。

これがなぜなのか誰かが知っていますか? HTML5の使用と関係があるでしょうか?

問題のページは次のとおりです。http://electricorangecreative.com/test/index.html

そして、ここに私のスタイルシートがあります:http://electricorangecreative.com/test/reset.css http://electricorangecreative.com/test/style.css

2 Answer


1


sticky footer techniqueを使用してください。


0


私は現在のテストページを見てきましたが、唯一の顕著な問題は、垂直スクロールバーが必要なく表示されることです。 これに対する最も簡単な修正は、 `height:100%`に設定した要素にある余白やパディングを単に削除することです。 私が特定した犯人は「div#wrapper」です。 そこでパディングを外すと、問題は解決されます(少なくともFFでは-他のブラウザーではテストされていません)。 高さにパディングが追加されるため、垂直方向に100%以上伸びる要素になります。 パディングの代わりに子供にマージンを使用します-大丈夫です!