Ahojte. Poradíte mi niekto ako by som mohol vyriešiť tento problém.
Problém je, že keď nastavím v CSS obrázku float:right tak nerozťahuje výšku divu vo Firefoxe..
V IE tento problém nie je...
Toto je kód index.html
Kód:
<body>
<div class="topic">
<img src="img/img.png" width="745" height="110" alt="img.png"/>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
</div>
<div class="topic">
<img src="img/img.png" width="745" height="110" alt="img.png"/>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
</div>
<div class="topic">
<img src="img/img.png" width="745" height="110" alt="img.png"/>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
</div>
</body>
Toto je kód style.css
Kód:
body {background-color:#000000;}
body {font-family:Tahoma, Arial, sans-serif; font-size:10pt;}
body, a, p, img,ul {margin:0; padding:0;}
img {border:0;}
/*topic*/
.topic {width:940px; position:relative; margin: auto; margin-top: 5px; padding:10px; background-color:#ffffff;}
.topic img{float:right;}
Za prípadne odpovede vopred ďakujem..
