Выравнивание блоков по ширине

[Faradey99]

Здравствуйте! Помогите пожалуйста решить следующую задачу:

Имеется макет (левая сторона - центр - правая сторона) с динамической шириной, в центральной части по всей ширине необходимо разместить несколько блоков с одинаковой шириной, но разной высотой, блоков должно быть 3 или 4 в одном ряду в зависимости от ширины.

С разной высотой все ясно, будет использоваться: http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ , вопрос только как выравнять это все по ширине?

Пробовал комбинировать с данным методом: http://forum.htmlbook.ru/index.php?showtopic=20735 , но получается совсем не то что хотелось бы.

[Switch74]

если сайт динамический, то можно блокам делать display:block;float:left;width:х%; данное правило можно сделать для разных @media screen

если блокам задана ширина не в процентах, то можно сделать как я сказал выше положив нужные блоки внутрь и добавить для них в стили margin:0 auto;

Edited March 18, 2012 by Switch74

[psywalker]

Здравствуйте! Помогите пожалуйста решить следующую задачу:

Имеется макет (левая сторона - центр - правая сторона) с динамической шириной, в центральной части по всей ширине необходимо разместить несколько блоков с одинаковой шириной, но разной высотой, блоков должно быть 3 или 4 в одном ряду в зависимости от ширины.

С разной высотой все ясно, будет использоваться: http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ , вопрос только как выравнять это все по ширине?

Пробовал комбинировать с данным методом: http://forum.htmlbook.ru/index.php?showtopic=20735 , но получается совсем не то что хотелось бы.

Возможно сможет помочь эта статья:

http://css-live.ru/articles-css/ravnomernoe-vyravnivanie-blokov-po-shirine/

[Faradey99]

если сайт динамический, то можно блокам делать display:block;float:left;width:х%; данное правило можно сделать для разных @media screen

если блокам задана ширина не в процентах, то можно сделать как я сказал выше положив нужные блоки внутрь и добавить для них в стили margin:0 auto;

float: left не подойдет, так как блоки будут разной высоты. Если бы была фиксированная высота, http://habrahabr.ru/qa/6067/ вот тут неплохое решение.

Возможно сможет помочь эта статья:

http://css-live.ru/articles-css/ravnomernoe-vyravnivanie-blokov-po-shirine/

Читал статью, как я понял этот способ тот же, что и http://forum.htmlbook.ru/index.php?showtopic=20735 , как я писал, уже пробовал, но при уменьшении ширины при неравном количестве блоков в одном ряду выравнивание проходит не как надо.

Остаются еще таблицы, но не очень хотелось их использовать

[psywalker]

если сайт динамический, то можно блокам делать display:block;float:left;width:х%; данное правило можно сделать для разных @media screen

если блокам задана ширина не в процентах, то можно сделать как я сказал выше положив нужные блоки внутрь и добавить для них в стили margin:0 auto;

float: left не подойдет, так как блоки будут разной высоты. Если бы была фиксированная высота, http://habrahabr.ru/qa/6067/ вот тут неплохое решение.

Возможно сможет помочь эта статья:

http://css-live.ru/articles-css/ravnomernoe-vyravnivanie-blokov-po-shirine/

Читал статью, как я понял этот способ тот же, что и http://forum.htmlbook.ru/index.php?showtopic=20735 , как я писал, уже пробовал, но при уменьшении ширины при неравном количестве блоков в одном ряду выравнивание проходит не как надо.

Остаются еще таблицы, но не очень хотелось их использовать

Т.е. косяки с последней строкой, да?

[Faradey99]

Т.е. косяки с последней строкой, да?

Именно Выходит примерно следующее:

[Switch74]

ставь между сроками блоков разделители clear:both и на высоту будет пофиг

[psywalker]

Т.е. косяки с последней строкой, да?

Именно Выходит примерно следующее:

Ааа, ну тут даа, есть такое дело

Но, на заметку взял, нужно исправить ситуацию в будущем