Выравнивание по центру блока плавающей ширины

[ittsam]

Совершенно никак и никогда не был связан с версткой, а теперь понадобилось сделать простое, легкое и понятное решение для сайта маленькой конторки. Точнее не сделать, а показать что оно существует, дабы проект отдали нормальному верстальщику и дали на это денег.

Проблема (решена): сделать блок с кнопками выровненным по центру. При разных разрешениях в нем может быть как 8 кнопок в ряд, так и 2-3.

Спасибо:

http://css-live.ru/articles/krasivoe-vyravnivanie-blokov-po-rezinovoj-setke.html

Морда сайта представляет из себя:

Шапку:

Название, основные контактные данные, микроменю с двумя пунктами "Прайс-лист, контакты" (тоже сделал).

Основной блок:

набор кнопок 180х130 px. Каждая кнопка - понятная пользователю товарная категория ("пылеварки", "кофесосы", "стиральные камеры", "холодильные машины") с надписью и пиктограммой/иконкой (вот это точно буду не я рисовать). Кнопки в хвосте эволюции - ссылки на "договора", "статьи" и прочий не сразу нужный хлам контент. Иногда компания закупает слишком большие партии "подиумом для туалетных комбайнов" и пытается их продать побыстрее и подешевле. Для этого в основное меню (первая, четвертая, и т.д.) ручками подмешиваются кнопки "специальных предложений" которые состоят только из текста и выделяются цветом, например: "Только вчера 300 гиперштук за 100 рублей".

Подвал: всякая фигня, типа копирайтов, счетчиков и прочего.

Проблема №2(решено): Теперь начал распихивать контент, и получил странный эффект. В стандартных элементах меню (картинка+подпись) все нормально, а вот там где нет картины - кнопки специальных предложений, все куда-то едет. Расскажите, плз, в какую сторону думать? Что читать, с какой проблемой столкнулся?

Спасибо:

решение простое: на класс menuitem навешиваем

.menuitem {
display: inline-block;
vertical-align: top;}

Все это крутиться одним файлом (HTML включая стили) тут http://testalldiz1.ucoz.ru/index.html

Edited November 26, 2012 by ittsam

[npofopr]

http://css-live.ru/articles/krasivoe-vyravnivanie-blokov-po-rezinovoj-setke.html

[RodgerFox]

Слушайте, я могу решить вашу проблему. Только напишите почему рекламные агенства представляют себя как Г.?

Да я уверен, что вы из провинции, на пример, но это не значит, что это нормально. Каждый день моя поездка в университет это борьба самим с собой, так и хочется вырвать себе глаза.

p.s. накипело.

[Николя223]

у меня так получилось: пример код

извиняюсь, не так вопрос понял, чтобы при разном размере экрана было разное количество ячеек - нужно с float: left шаманить, на это времени нет уже =)

Edited November 24, 2012 by Николя223

[Николя223]

Слушайте, я могу решить вашу проблему. Только напишите почему рекламные агенства представляют себя как Г.?

нука- нука, расшифруй =) что значит как Г ?? =))

[ittsam]

http://css-live.ru/articles/krasivoe-vyravnivanie-blokov-po-rezinovoj-setke.html

Благодарю! Сделалось

Слушайте, я могу решить вашу проблему. Только напишите почему рекламные агенства представляют себя как Г.?

Да я уверен, что вы из провинции, на пример, но это не значит, что это нормально. Каждый день моя поездка в университет это борьба самим с собой, так и хочется вырвать себе глаза.

p.s. накипело.

Т.к. это явный офтопик, то вы в личку напишите, что вы имеете ввиду под "представляют себя как Г." Я вам все честно объясню, независимо от того, поможете или нет.

Edited November 25, 2012 by ittsam

[ittsam]

Спасибо тем кто откликнулся. Проблема которая была в заголовке - решена. Отметил в посте. Столкнулся с еще одной проблемой, обновил шапку.

[Николя223]

я когда вам пробник верстал с тойже самой проблеммой столкнулся.

решение простое: на класс menuitem навешиваем

.menuitem {
display: inline-block;
vertical-align: top;}

[ittsam]

я когда вам пробник верстал с тойже самой проблеммой столкнулся.

решение простое: на класс menuitem навешиваем

.menuitem {
display: inline-block;
vertical-align: top;}

Большое спасибо. Даже сформировалось понимание того, как это работает.