Меню во всю ширину

Товарищи, давно мучаюсь вопросом можно ли сделать такое меню не используя скрипты?

2 важных требования: резиновое меню, padding одинаковый для каждого пункта меню
Решение с table-layout не катит ибо второе требование не соблюдается

28 комментариев

элемент меню должен занимать всю ширину отведенную ему

из моей картинки видно что ширины будут не равны а padding это внутренний отступ
сука! весь код порезал…
<code>…</code>

если обернуть, не порежет
воспользуйся тегом 
или //jsfiddle.net/
тегом code
jsfiddle.net/ks7hw/ так надо или чтобы еще и весь список центрировался?

только нужно растянуть их на всю ширину. сохраняя равные padding
а количество элементов непостоянное?
ну давай постоянное. 5
кстати css можно справа писать там для этого окно и есть
не думаю.
и много лишних телодвижений
если нет изображений в меню, то конечно можно в тегу A просто установить центрирование текста избавившись при этом от «лишних телодвижений»
Посмотри на kursklogo.ru если я правильно понял, это то, что тебе нужно
равные расстояния да. видел это решение но нужно чтоб меню состыковывалось как тут www.tcsbank.ru/
Тогда я ничего не понял. У ТКС просто блоки фиксированной ширины.
короче мне нужно чтоб было как у них только чтоб padding были одинаковые как на картинке у меня
Элементы списка одинаковой ширины с одинаковым padding?
ширина автоматом а padding: 10px XXXpx
где XXX такое значение чтоб элементы как раз заняли все 100% родителя
то есть нужно, чтобы width:auto а padding был плавающим и всё это вместе заполняло бы всю ширину родителя?
ага чтоб визуально между загаловками пунктов меню были равные расстояния
то есть в действительности нужно, чтобы:

— элементы списка были разной поизвольной ширины в зависимости от содержимого;
— элементы списка равномерно заполняли родителя (список) по всей его доступной ширине;
— визуальные расстояния между текстом в элементах списка были одинаковыми.

верно?
ага все верно
Я сразу не посмотрел в решение, предложенное в первом комментарии. Насколько я понимаю, всем этим требованиям оно соответствует, если исключить свойство max-width.
Честно говоря, из картинки в посте ничего непонятно

Чтобы оставлять комментарии, нужно или зарегистрироваться.