Горизонтальное меню списком, растягивание по ширине страницы

[rdva]

Задача - создать горизонтальное меню через ul. Подопытный - tubeube.ru/test/css-test.html

у меня в FF 3.5 и IE8 меню растянуто на всю страницу, но справа остается отсуп в два пикселя, в O 9.64 отступ вообще пикселей в 50.

Во всех браузерах при уменьшении размера окна элемент "Six" съезжает влево вниз.

Как сделать "резину", чтобы отступа справа не было и "Six" не съезжал вниз?

[rome.ro]

Попробуй задать min-width для своего элемента UL. Например так:

CSS:

ul{
  min-width: 800px;
}

Поиграйся со значением min-width чтобы получить нужный результат. Если с ul не работает - попробуй применить min-width к body. Хотя, по-идее, должно работать.

[rdva]

Попробуй задать min-width для своего элемента UL. Например так:

CSS:

ul{
  min-width: 800px;
}

Поиграйся со значением min-width чтобы получить нужный результат. Если с ul не работает - попробуй применить min-width к body. Хотя, по-идее, должно работать.

чтобы Six не съезжал? даже min-width: 1024px; не помогает. Съезжает, и только Six, остальные li, как видите, остаются на месте.

Edited September 22, 2009 by rdva

[psywalker]

сделай бордер правый у li фоном, а у последнего пункта отмени.

[rdva]

сделай бордер правый у li фоном, а у последнего пункта отмени.

не понял, что это даст?

[mishka]

Сейчас ширина каждого елемента = 16,6%+1px. Где 1px - ширина бордера. Следовательно ширина всего списка 99.6% + 5px. А при ширине окна 1024px, 5px это примерно 0,5%. Тоесть ширина списка 99,6+0,5=100,1% вот он и не помещается.

И еще: для мониторов с разрешением 1024px по горизонтали, минимальную ширину страницы делайте не более 1000px.

Edited September 22, 2009 by mishka2

[rdva]

Сейчас ширина каждого елемента = 16,6%+1px. Где 1px - ширина бордера. Следовательно ширина всего списка 99.6% + 5px. А при ширине окна 1024px, 5px это примерно 0,5%. Тоесть ширина списка 99,6+0,5=100,1% вот он и не помещается.

И еще: для мониторов с разрешением 1024px по горизонтали, минимальную ширину страницы делайте не более 1000px.

Похоже вы правы. При ширине 16.5% Six сползает вниз при совсем маленькой ширине окна (около 500px).

Можно как-то заставить li сжиматься не съезжая вниз и не оставляя отступа справа, при любом разрешении монитора?

[mishka]

Можна <ul> задать бг такой как и в <li> тогда справа отступ не будет белым. Таким способом можна создать илюзию что ли растягиваются на всю ширину.

Чтобы избавится от пикселей, сделайте белую полоску не бордером а бекграундом, как советовал psywalker.

Тогда независимо от разрешения, меню будет вести себя одинаково.

Edited September 22, 2009 by mishka2

[rdva]

Можна <ul> задать бг такой как и в <li> тогда справа отступ не будет белым. Таким способом можна создать илюзию что ли растягиваются на всю ширину.

Чтобы избавится от пикселей, сделайте белую полоску не бордером а бекграундом, как советовал psywalker.

Тогда независимо от разрешения, меню будет вести себя одинаково.

не догоняю - как можно белую полоску сделать с помощью background? Пример кода можно?

В опере отступ справа большой , как это победить? Там будет видно даже с красным ul.

Edited September 22, 2009 by rdva

[mishka]

Большой отступ в опере потому что она непоняла дробных значений поцентов.

не догоняю - как можно белую полоску сделать с помощью background? Пример кода можно?

Вырежте однопиксельный белый квадрат гиф, и прорепитьте по игрику справой стороны. Либо слевой.

[rdva]

Большой отступ в опере потому что она непоняла дробных значений поцентов.

Вырежте однопиксельный белый квадрат гиф, и прорепитьте по игрику справой стороны. Либо слевой.

Большое спасибо