2012-03-11 24 views
2

Joomlaのテンプレートを再作成しますが、このHTMLコード(HTML at patebin.com)とこのCSSコード(CSS at pastebin.com)を使用して、ラッパーdiv(親) div(子)。私はすでにGoogleを使用していましたが、divを追加したり、高さを変更したりすることはできませんでした。子divの高さが親divの高さを超えています

€:IE5.5と6だけが、divの高さを私が望むようにレンダリングします。

+0

親divに 'overflow:hidden'を追加するとどうなりますか? – Dips

+1

http://jsfiddle.net/kwJuT/embedded/result/ – jacktheripper

+0

'overflow:hidden'はテーブルをカットするだけですが、親divを展開しません。 jsfiddleにこのリンクを追加してくれてありがとう、私はまだそれを知らなかった。 –

答えて

3

ことは、これを試してみてください:私はCSSからのすべての高さのスタイルを削除(Pastebin.com

  • #content divをfloatして#navと重複しないようにします。

  • を追加し、#wrapperの先頭と末尾にいくつかの目に見えないコンテンツを追加して浮動要素を保持する.warpperクラスに.clearfixクラスを追加しました。あなたが任意の要素を浮遊しているとき

.clearfixクラスは非常に便利です。 float要素の親に単純に適用します。

.clearfix:before, 
.clearfix:after { 
    content: ""; 
    display: table; 
} /* works for all browser but IE 6/7 */ 

.clearfix:after { clear: both; } 

.clearfix { zoom: 1; } /* fix for IE 6/7 (triggers hasLayout) */ 

詳しくは、.clearfix hereを参照してください。

関連する問題