• ベストアンサー

xhtml+cssでdivをdivで内包する

xhtml+cssでウェブサイトを作成しています。 その際、 <div id="a"> <p>題名</p> <div class="b">内容</div> <div class="b">内容</div> </div> のようにdiv要素内にdiv要素を内包したいと思っています。 しかしこのままだと親であるdiv id="a"を、子であるdiv class="b"がはみ出してしまいます。 cssハックを使用する方法が http://www.alink.co.jp/tech/blog/2009/04/13/css-clearfix%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%9Fdiv%E3%81%AE%E6%AE%B5%E7%B5%84%E3%81%BF%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF/ に掲載されていましたが、IE7とIE-MACが対象のようです。 これと同じような効果が得られるもので、IE6以降、Firefox2以降、Fodoraそれぞれに対応している方法はありますでしょうか? 私がどうしたいのか少しわかりにくいかもしれませんが、上記URLでどうしたいのかはわかると思います。 アドバイスお願い致します。

質問者が選んだベストアンサー

  • ベストアンサー
  • CHI-512
  • ベストアンサー率69% (63/91)
回答No.1

こんにちは。 #a { zoom: 100%; } #a:after{ content: ""; display: block; height: 0; clear: both; visibility: hidden; } でOKです。

gellgugu
質問者

お礼

返答が遅れてすみません。 無事解決しました! ありがとうございました!

その他の回答 (1)

  • abril
  • ベストアンサー率69% (388/560)
回答No.2

> IE7とIE-MACが対象のようです。 違います。Firefox等、主要モダン・ブラウザに適用されます。 IE7とMac IE5だけ例外的処理が必要になるので、その部分を別個振り分けられる様な指定を付け足しているだけです。 所謂clearfixの書き方にも色々ありますが、私は主にNo.1様と同様の記述を利用しています。

gellgugu
質問者

お礼

何も理解せず行っている事を痛感しました(汗) 無事解決しました。 ありがとうございました!