ウェブデベロッパーツール(Firebug、IE9、Chrome Dev Tools)でこのページをチェックして、Firefoxで#container divが自動サイズ調整されない理由を教えてください。ほとんどのブラウザでは見えるが、FFでは表示されない、背景の影があるはずです。思考?Divの自動サイズ調整ツールはありません
http://d2burke.com/hosted/vaacme/
ありがとう!
ウェブデベロッパーツール(Firebug、IE9、Chrome Dev Tools)でこのページをチェックして、Firefoxで#container divが自動サイズ調整されない理由を教えてください。ほとんどのブラウザでは見えるが、FFでは表示されない、背景の影があるはずです。思考?Divの自動サイズ調整ツールはありません
http://d2burke.com/hosted/vaacme/
ありがとう!
#container
内部全要素がフローティングさので、内部のすべてが通常のドキュメントフローから取り出され、それがゼロパディングと高さを有しているので、したがって、それは、無に収縮します。この問題を解決するには、適用することができ、次のいずれか
#container {
overflow: hidden;
}
または削除を:
.break {
float: left;
}
私はFirefoxで、CSSが若干異なっていることがわかり、 "URL(" ../画像/ PageShadow.png」) repeat-y scroll 0 0 transparent "と比較して" background:url(http://d2burke.com/hosted/vaacme/images/PageShadow.png)repeat-y; " Chromeでこれを引き起こす原因を知っていますか? –