Псевдо-резиновое меню

[vasiliyb]

Дизайнер озадачил, необходимо реализовать меню по максимуму соответствующее макету:

Верхнее меню - при максимальном разрешении, нижнее - при минимальном. С "резиновостью" вцелом проблем нет, проблема для меня заключается в

сохранении одинакового расстояния между пунктами меню. т.е. как можно заставить тянуться только блоки с разделителями, причем равнозначно!

Блоки с названиями пунктов меню должны по-идее "обжимать" содержимое, визуально не добавляя отступов разделителям.

[Victor Ananiev]

наверно js... просчитывать маргины)

[vasiliyb]

Не хотелось бы ищу финт на html/css

[BassEast]

ну, попробуйте с процентами поиграть у маргинов.. JS пока не стоит включать, можно и мозг включить.

[s0rr0w]

Сделайте разделитель с отступами, такими как в макете, а между пунктами меню - процентрый отступ.

[rash]

А если завернуть все это в блок, который тянется в нужных пределах, а внутри него text-align: justify и какой-нибудь невидимый элемент, перенесенный на вторую строку, чтобы заставить тянуться первую?

Разделители ведь можно сделать текстовыми элементами.

[Lincky]

если разделители стоят в отдельном блоке, то задай для них длину в процентах! все отступы и поля у самих пунктов меню убери

<li>главная</li>

<li class="razdelitel"></li>

ну и естестно высоту для li не забудь

[psywalker]

Lincky

Я сталкивался с такими траблами, поэтому могу тебе посоветовать самый верный вариант, чтобы ничего не развалилось, всё было ровно и с текстом посередине в каждой ячейке,вобщем Делай такое меню Таблицей и не парься, и будет тебе счастье

1) Одна таблица width: 100%;

2) Одна строка

3) Десять ячеек

4) Выравнивание по середине text-align: center;

Всё будет по середине и хрен чё развалится)))

Edited May 6, 2009 by psywalker