2 Grig то что ты написал - бред. Данный способ лишь для вертикального выравнивания и то в IE6 он не работает, но можно подправить експрешеном.
2 Mavrun margin:0 auto работает лишь когда выравнивание относительно страницы, если же относительно какого-то блока, то не работает, а очень бы хотелось.
HTML
| Код |
<div id="container">
<div id="block-left">
<div id="block-right">1</div>
<div id="block-right">2</div>
<div id="block-right">3</div>
<div id="block-right">4</div>
<div id="block-right">5</div>
<div id="block-right">6</div>
<div id="block-right">7</div>
</div>
</div>
|
CSS
| Код |
* {
padding:0;
margin:0;
}
#container {
border:1px green dashed;
height:100px;
}
#block-left {
position: relative;
float: left;
left: 50%;
border:1px blue dotted;
}
#block-right {
position: relative;
float: left;
right: 50%;
border: 1px solid red;
width:100px;
height:100px;
text-align:center;
}
|
Border я не убрал для наглядности. Зеленая рамка - контейнер, красные это блоки в ряд, а синий блок, выполняет роль подушки, для того, чтобы каркас тянулся правильно, а не прыгал.
Проверял с IE5.5 ++, FF, GH, Opera. |