LINUX.ORG.RU

Свойства display:table-row и display:table-cell могут вам помочь.

Eddy_Em ☆☆☆☆☆
()

заключаешь «строки» в контейнеры и им: margin: 0 auto; div1-5 width в % от ширины контейнеров. конечно ширина контейнеров должна быть задана.

rainy
()
Ответ на: комментарий от exst

нет. если задача такая, то display: inline-block для div1-5, и text-align: center для контейнера решит все проблемы. будет как текст (точнее как <img>), но в ie6 не пашет.

rainy
()
Ответ на: комментарий от exst

для ie6 лучше оставить, будет как-то так:

.container {
  text-align: center;
}

.container .item {
  display: inline-block;
}

* html .container .item {
  display: block;
  float: left;
}

ну и в конце блок с clear: left поставить. а то если вообще ничего не сделать будет Ц в ie6, а так хоть что-то.

rainy
()
Ответ на: комментарий от exst

> В IE 8-9 блоки отображаются вертикально друг над другом: http://coocos.ru/div_5_ie.gif

Я же написал как надо! Повторяю на данном примере:

div1-5
{
display; inline-block;
//display: inline;
//zoom: 1;
padding: 0 10px;
}

avol
()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.