Div, float:left и width?

Question

[Алексей]

Ребят, уже пьян и никак не могу додуматься, как решить задачу.

Есть мозаика из одинаковых div. Допустим, 50x50 по ширине картинок. Так вот, в зависимости от ширины браузера нужно выводить разное количество картинок.


float:left для всех делает всё ок, но справа остается пустое место, которое меньше 50px

Че делать, тупо контент по середине хряпнуть или можно как-то растянуть из строки?

Проценты не подойдут, для каждых 50px изменения браузера писать это бред.


Спасмбо

Comments

[Алексей]

лифе пример
если поменять ширину блока до 150 будет три штуки, если 149 две и 49 пиклесей пустых. Можно как-то 49 пикселей слева и справа от картинок распихать? типа как margin: 0 24;

[Алексей]

*marginL 0 12px;

Answer 1

[antonzaycev]

используй display: inline-block на списке элементов и text-align:center на врапере

ps для ie7 нужен хак для поддержки display: inline-block

Comments

[Алексей]

it's work.
Я прописывал, только написал float: inline-block; и у меня ничего не вышло :D

[nikel303]

Для IE
*display: block;
*zoom: 1;

[nikel303]

т.е. не *display: block; а *display: inline;

Answer 2

[psywalker]

Я не опоздал?

Comments

[Алексей]

Никогда не поздно. Приму к сведению. Но тут надо знать сколько элементов в строке нужно, не динамически сделано.

[psywalker]

Хм, да необязательно) Вот вам пример из статьи. Убирайте или добавляйте блоки и смотрите результат:)