Тянущееся гризонтальное меню через список

[XXXVII]

Как сделать чтобы горизонтальное меню, сверстанное через ul, тянулось на 100%?

[maddogrts]

width:100% видимо не помогает )), код давай )

[XXXVII]

<style>
ul{width: 100%}
ul li { float: left;width: 50%;}
</style>
<ul>
 <li><a href="#">Пункт 1</a></li>
 <li><a href="#">Пункт 1</a></li>
</ul>

Дело в том, что количество пунктов меню неизвестно заранее, да и даже если сделать какой-то одинаковый width для всех пунктов, выглядеть будет некрасиво, тк одинаковой должна быть не ширина блока li, а отступы между пунктами меню (именно за их счет и должно тянуться меню)

[vr201]

я в таких случаях использую таблицы.

но самому интересно есть ли какой кроссбраузерный способ реализации подобного.

[Fu-tai]

А зачем ему задавать ширину. Он же и так будет на всю длину по горизонту.

#navigation {
 height: 32px;
 background-color: #333;
 list-style: none inside none;
 color: #FFF;
 font-size: 87%;
}
#navigation li {
 float: left;
 text-align: center;
}
#navigation a {
 display: block;
 background: transparent;
 text-decoration: none;
 padding: 8px 10px;
 color: #FFF;
}
#navigation a:hover {
 background: url(../img/fonm.gif) repeat-x center;
 color: #FFF;
}
#smail a {
 background: none;
 width: 150px;
 text-align: left;
}
#smail a:hover {
 background: none;
}

<ul id="navigation">
<li id="smail"><a href="" title="">;-)</a></li>
<li><a href="" title="чтоб начать сначала">главная</a></li>
<li><a href="" title="стоимость и описание, хостинговых планов">хостинг</a></li>
<li><a href="" title="куда писать, в случае чего">поддержка</a></li>
<li><a href="" title="о нас много чего говорят">отзывы</a></li>
<li><a href="" title="зарабатывайте на наших услугах">партнерам</a></li>
<li><a href="" title="реквизиты для связи">контакты</a></li>
<li></li>
</ul>

Чем не вариант?

[XXXVII]

В приведенном Вам примере тянется только фон, а сами ссылки не меняют своего расположения. Вот пример того, что требуется сделать. Разумеется, в примере сверстано через таблицы.

[Fu-tai]

В чем проблема то!?

Пропиши паддинг и арджинг для ссылок в процентах и получишь резиновость.

[Dimitry Wolotko]

В Проблемы верстки.

[coldman]

В чем проблема то!?

Пропиши паддинг и арджинг для ссылок в процентах и получишь резиновость.

интересно как это, как будет вищитоватся процент от количества пунктов в меню, можно примерчик?

[Tokolist]

Уже обсуждалось и не раз

Растягивающееся горизональное меню

Думаю существует только один способ

display: table
display: table-cell

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

Решение видел на http://xpoint.ru/ Ссылку уже не вспомню, поэтому ищите сами.

[XXXVII]

Да, кажется, в этом случае уместнее использовать таблицу все-таки. На xpoint'e так и не смог найти решения, но использовать скрипты для фиксирования меню мне явно не хочется.

Офф: предложение по форуму. При переносе поста в другую ветку можно как-то уведомлять об этом автора? Очень долго искал свой пост, облазил весь свой профайл в поисках уведомления, в итоге совсем случайно наткнулся