[SergeyNetIt]

На странице должны выводится блоки и выравниваться по ширине. Расстояние между блоками должно быть одинаковое. http://joxi.ru/wNcpUxjKTJC2McRHoH8
В интернете одни методы с использованием justify и display:inline-block
на первый взгляд блоки выравниваются по ширине. Но только корректно работают, если блоки занимают одну строку. А мне нужно, чтобы блоков было любое количество. При чем, если верху есть место, блок появляется еще один.
Вот смотрите http://jsfiddle.net/sh6h4/2/ Пока норм. Но если расширение экрана сделать больше выходит, что снизу вот так http://joxi.ru/KtkpU_3JTJD0c7XqW0A
Как реализовать это?
Заранее благодарен

[alex25ks]

Отвечу исходя из того, насколько правильно я понял вопрос.
1. Задать отступ справа для блоков и убирать его для n-ых c помощью :nth-child(xn)
2. Задавать ширину в процентах, с указанием max-width, min-width и использовать медиа-запросы. Т.е. при ширине экрана более 980 пикселей ставить 21% и отступ 5%, а менее 979 - ширину 30% и отступ 4%(для примера).

[SergeyNetIt]

alex25ks,Ширина самых колонок div должна быть постоянной; :nth-child(xn) не поддерживается в ie8, а мне нужно, чтобы и там работало. Эти два пункта не подходят

[Tiefe]

Судя по вашему первому скрину, блоки с товарами фиксированной ширины, и сам сайт фиксированный, так?
Если да, то проще сделать блоки inline-block, а отступ справа, появляющийся из-за margin-right, компенсировать добавив отрицательный margin для контейнера-родителя.