<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
background-color: #9966FF;
}
#main {
margin: 0 auto;
width: 760px;
border: #000000 double 5px;
}
#picContent {
margin: 0 auto;
width: 740px;
height: 752px;
border: #FFFFFF double 5px;
}
#picContent a img {
padding: 0;
border: #FFFFFF solid 2px;
}
#picContent a:hover img {
border: #FF0000 solid 2px;
}
#picContent a img.rowPics {
margin: 2px;
width: 140px;
height: 160px;
float: left;
}
#picContent a img.leftPics {
margin: 2px;
width: 288px;
height: 200px;
float: left;
}
#picContent a img.rightPic {
margin: 2px;
width: 436px;
height: 408px;
float: right;
}
-->
</style>
</head>
<body>
<div id="main">
<div id="picContent">
<a href="#"><img src="#" class="rowPics" /></a>
<a href="#"><img src="#" class="rowPics" /></a>
<a href="#"><img src="#" class="rowPics" /></a>
<a href="#"><img src="#" class="rowPics" /></a>
<a href="#"><img src="#" class="rowPics" /></a>
<a href="#"><img src="#" class="rightPic" /></a>
<a href="#"><img src="#" class="leftPics" /></a>
<a href="#"><img src="#" class="leftPics" /></a>
<a href="#"><img src="#" class="rowPics" /></a>
<a href="#"><img src="#" class="rowPics" /></a>
<a href="#"><img src="#" class="rowPics" /></a>
<a href="#"><img src="#" class="rowPics" /></a>
<a href="#"><img src="#" class="rowPics" /></a>
</div>
</div>
</body>
</html>
Не обращайте внимание на цвета и тд и тп, пытаюсь просто собрать РОВНО тумбы в блоке. Вопрос такой. В данном варианте нижний ряд разьезжается в Дриме, хотя в браузерах последних версий все ок. Что делать? Чито теоретически не нужны float-ы во всех стилях, кроме rightPic, но почему то если не использовать float, то не выдерживаются расстояния между тумбами. Например если убрать float в стиле leftPics - все вроде собирается нормально, а ИЕ7 тогда не выдерживает расстояния не по горизонтали не по вертикали между левыми большими тумбами... В общем у меня сейчас полные непонятки. Как правильно стили задать/что яделаю не так? Ширину и высоту блока, да и вообще размеры тумб, вымерял до пиксела, так что все должно уместиться чисто теоретически.