CSS・XHTML/未解決ゾーン/【FF3】【Opera】【Safari】widthを指定しないと崩れる件 - 意匠部@wiki BETA

未解決

---

<div id="container">

   <div id="hogehoge" class="clearfix">
		
       <div class="box">
           <dl class="clearfix">
               <dt>2008-MM-DD</dt>
               <dd>テキストですよ</dd>
           </dl>
       <!-- /.box --></div>
		
       <div class="box2">
           <img src="/images/hogehoge.jpg" alt="hogehoge" width="265" height="100" />
       <!-- /.box2 --></div>
		
   <!-- /#hogehoge --></div>

<!-- /#container --></div>

---

---

div#contents div#hogehoge {
position: relative;
width: 850px;　←ここ
}

div#contents div#hogehoge div.box {

float: left;
width: 550px;
height: 90px;
padding: 0;
overflow: auto;
position: absolute;
top: 65px;

}

div#contents div#hogehoge div.box dl dt {

float: left;
color: #FFFF00;
font-weight: bold;
font-size: 93%;

}

div#contents div#hogehoge div.box dl dd {
float: left;
width: 430px;
padding-left: 15px;
font-size: 93%;
}

div#contents div#hogehoge div.box2 {
float: right;
width: 265px;
}

---

div#container　に width 850pxを指定している状態で
div#hogehoge　にも widthを指定しないと　float崩れる