[X] Помощник

[Гость_0_* Topic Starter]

Друзья, доброго времени суток!!

Суть вопроса: заданы размеры элементов ul и li, для наглядности одинаковые. При просмотре в различных браузерах наблюдается такая картина: в IE7 блоки li и ul и занимают указанные в коде размеры и занимают одну и ту же область, а в FF и Opera перед элементом li внутри тэга ul получается отступ порядка 30px, в результате чего li смещается вправо относительно ul. ul переполняется, вёрстка ползёт... Жуть. Как сделать, чтобы в Лисе и Опере ничего не ползло? Чтобы элемент списка не вылазил из самого списка из-за непонятно откуда взявшегося отступа? Подскажите плиз!

<ul style='widht: 50; height: 20; background-color:#F00;'>
<li style='widht: 50; height: 20; list-stile:none; background-color:#00F;'></li>
</ul>

Результат в опере и лисе (картинка): [img]http://img5.imageshost.ru/imgs/090213/9aa440f1e4332d60732b0e72547c3e16/dbb4080a0264c9b60b04a9e1647a8d86.png[/img]

[ZiTosS]

StormMan, Проблема простая, как же не быть оступ, если это спец-элемент(список) с маркером. Отступ идёт под маркер.
Зачем вообще высоту ставить ul, он будет по высоте списка, высоту лучше ставить только для li
Вообще достаточно ul прописать padding: 0px;. Но для более точного отображения советую писать

list-style: none outside none; padding: 0px;

То есть вот так:

<ul style='widht: 50; background-color: #F00; list-style: none outside none; padding: 0px;'>
<li style='widht: 50; height: 20; list-stile:none; background-color:#00F;'>asd</li>
<li style='widht: 50; height: 20; list-stile:none; background-color:#00F;'>asd</li>
</ul>

[Гость_0_* Topic Starter]

ZiTosS, огромное спасибо за такой развёрнутый ответ! Проблема решена

[ZiTosS]

Всегда пожалуйста Рад помочь!

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.