Как сделать меню во всю ширину?

Question

[Андрей]

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

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

Answer 1

[Pozadi]

jsfiddle.net/Px6h6 только не проверил в IE, отпишите пожалуйста если проверите, самому нужно :)

Comments

[Андрей]

Спасибо. но не должно быть красных пространств. нужно вот как у меня на картинке. элемент занимает всю возможную ширину для него

[Pozadi]

Жаль, я думал у вас пункты меню просто текстом и будет без разницы отступ внутри элементов или вокруг. Тогда не подойдет такой способ :(

Answer 2

[Сергей Протько]

habrahabr.ru/post/81611

Answer 3

[IkaR49]

Я в своё время делал так: jsfiddle.net/p7VBt
ИЕ вроде бы даже не против.

Comments

[IkaR49]

И padding вроде бы один и тот же... Хотя с разным текстом не проверял.

[Андрей]

jsfiddle.net/p7VBt разные

[Сергей Протько]

@IkaR49 ТАБЛИЦЫ!!!111 А как же семантика? А как же webkit для мобильных устройств, которые плохо дружат с таблицами?

[IkaR49]

@Fesor, везде, где проверял - проблем не нашёл. А семантика - это да, это печалька.

Answer 4

[Константин Величко]

Если не знаешь как сделать сделай это таблицей