<div class="imgPrzed"> <img src="../img/img0.jpg" /> </div>
<div class="imgPo"> <img src="../img/img1.jpg" /> </div>
<div class="clear"></div>
<div class="imgPrzed"> <img src="../img/img0.jpg" /> </div>
<div class="imgPo"> <img src="../img/img1.jpg" /> </div>
<div class="clear"></div>
<div class="imgPrzed"> <img src="../img/img0.jpg" /> </div>
<div class="imgPo"> <img src="../img/img1.jpg" /> </div>
<div class="clear"></div>
Obrazki te wychodzą poza wnętrze diva, w którym się znajdują. CSS tamtego diva:
#content {
width: 950px;
box-shadow: 0 0 32px #00FFFF;
padding-top: 50px;
padding-bottom: 25px;
background-color: #111111;
}
Dlaczego tak się dzieje?
Oto CSS innych elementów:
img {
width: 400px;
height: 225px;
margin: 25px;
}
.imgPrzed {
float: left;
}
.imgPo {
float: right;
}
.clear {
clear: both;
}
Problem rozwiązany, pomiędzy był inny div z ustaloną wysokością :D