i have a container DIV. inside this div a have two divs first one has got a float:left attribute. the next div floats around this.
if i dont use the Dreamweaver’s standart “clearfloat” class, the container div’s height wont show correct.
when i use it, the container goes more longer than it must.
i show the code and screenshots here. please help me.
HTML:
<div class=“wizbox”>
<div class=“user_image”>murat.jpg</div>
<div class=“user_info”>
Prof. Dr. Murat
</div>
<div class=“clearfloat”></div>
</div>
CSS:
.wizbox {
background-color: #f5f5f6;
border: 1px solid #dcddde;
margin-top: 10px;
padding: 10px;
}
.wizbox .user_image {
padding: 5px;
border: 1px solid #333333;
height: 120px;
width: 100px;
float: left;
}
.wizbox .user_info {
padding: 0px;
margin-left: 150px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear: both;
height: 0px;
line-height: 0px;
font-size: 0px;
}
IMAGE: