Witam. Po dodaniu do stylu obrazka float: left obrazek w ogóle nie wpływa na wielkość diva co skutkuje czymś takim jak pokazałem na rysunku. Jak mogę to naprawić? zależy mi żeby obrazek był opisywany tekstem.
<div id="modelarnia">
<div id="model"><h1>Boeing 747</h1></div>
<div id="mod_opis">
<img class="modelarnia" src="zdjecia/zdjecia_news/1.png"/>
asdasd sjd sadn ksannsdl nakl nskjdn klajfn
</div>
<div id="mod_data">Data</div>
</div>
<div id="modelarnia">
<div id="model"><h1>Boeing 747</h1></div>
<div id="mod_opis">
<img class="modelarnia" src="zdjecia/zdjecia_news/1.png"/>
asdasd sjd sadn ksk na kljnsdl nakl nskjdn klajfn
</div>
<div id="mod_data">Data asd a </div>
</div>
div#modelarnia{
border-style:solid;
border-width: 2px;
border-color: #c0c0c0;
background-color: #ffaa55;
margin-bottom: 10px;
margin-left: 30px;
width: 250px;
padding-left: 5px;
padding-right: 5px;
-moz-border-radius:10px;
border-radius: 10px;
-webkit-border-radius: 10px;
float: left;
}
div#mod_opis{
position:relative;
border-style:solid;
border-width: 0px;
border-color: #c0c0c0;
background-color: blue;
text-align: left;
padding: 10px 10px 10px 10px;
}
div#mod_data{
position:relative;
border-style:solid;
border-width: 0px;
border-color: #c0c0c0;
background-color: red;
}
.modelarnia{
float: left;
width: 100px;
height: 110px;
margin-right: 10px;
border-style:solid;
border-width: 1px;
}