div в таблице

[flipper1001]

у меня есть вот такой код

<table width=100%><tr><td>

<div style='float: left; margin-right: 10px; margin-bottom: 10px;'> eee </div>

<div style='float: left; margin-right: 10px; margin-bottom: 10px;'> eee </div>

...

</td></tr></table>

В этом случае все дивы прижаты к левой стороне и при изменении размера броузера те которые не влезают переходят на нижнюю строчку.

Вот мне интересно а можно сделать так чтобы первый див в строку был прижат к левой стороне а последний к правой при этом дивы между ними были распределены равномерно.

вот на этой странице можно посмотреть как это выглядит.

Edited October 24, 2011 by flipper1001

[ceil100]

фиксированные размеры для таблицы ставьте вот и все, ну или минимальную ширину установите

при относительной ширине, дивы ведут себя как им и положено

[Cubka]

я думаю свойство table-layout тебе в помощь.

[flipper1001]

В том то и дело что дивы ведут себя так как надо но мне хочется чтобы если в строчку влезает допустим только 3 дива плюс 30px тогда они распределялись равномерно как я и написал но если броузер растянуть див с низу если он влазит переходил на верх и при этом все дивы распределялись также равномерно.

[SelenIT]

inlne-block для дивов + text-align:justify для контейнера, типа такого?