2009-12-15 3 views
5

На веб-сайте, на котором я сейчас работаю, есть несколько проблем с браузерами Webkit (Chrome, Safari и т. Д.) Одна из этих проблем заключается в том, что у меня есть список пулей, который показывая странно. Верхний элемент пули находится справа от списка, а не слева.Webkit браузеров, нажимая пулю вправо

alt text http://www.jamespwright.com/images/public/screengrabs/f220646f8149dff1b6437cee66498fce.PNG

Я не могу это исправить. Я пробовал переполнение: скрытый, я попробовал list-style-position: внутри ничего не работает.

EDIT

Я попытаюсь предоставить некоторые из кода, но это довольно огромный сайт, который построен с DotNetNuke, так что я не мог бы быть в состоянии дать вам слишком много информации.

Код в вопросе заключается в следующем:

#PremiumServicesMenu .LinkList ul { 
    margin-top: 0px; 
    margin-left: 1em; 
    _margin-left: 3em; 
    margin-bottom: 0px; 
} 
/* Safari and Chrome specific settings */ 
@media screen and (-webkit-min-device-pixel-ratio:0) 
{ 
    .PremiumServicesContainer .LinkList ul { 
     list-style-position: inside; 
    } 
} 

и HTML для этого раздела заключается в следующем:

<div id="PremiumServicesMenu"> 
    <div class="PremiumServicesContainer"> 
     <span class="Corporate"> 
      <div id="PremiumServicesHeader"> 
       <div class="PremiumServicesShim"></div> 
       <div class="PremiumServicesTitle">Premium Services</div> 
       <div class="EndCap"></div> 
      </div> 
     <div class="LinkList"> 
      <ul> 
       <li><a href="#">AIMS</a></li> 
       <li><a href="#">Feed Lab Analysis</a></li> 
       <li><a href="#">MSDS</a></li> 
       <li><a href="#">Prior Cargo</a></li> 
         </ul> 
     </div> 
</span> 
</div> 
</div> 

Проблема, кажется, с высоты страницы. В других браузерах, если страница не очень высока, этот раздел Premium Services по-прежнему сохраняет высоту, которая подходит всем, но в Webkit, если страница коротка, этот раздел сокращается и помещает первый элемент рядом с изображением заголовка Premium Services скорее чем на линии ниже. Если страница достаточно длинная, то эта проблема не возникает.

+0

Что такое CSS? –

+1

Вы действительно ожидаете, что мы скажем вам, что не так с вашим кодом, не глядя на него? – Chuck

+1

Вы боги или люди ?! –

ответ

13

Ответ был в поплавках. Уль должен был добавить clear:both;.

+0

Woot! Сохранял меня от некоторой отладки! – PruitIgoe

+0

Woot Woot! Woot! – jdog

+0

, но что вы будете делать, если не хотите очистить? – pathfinder

Смежные вопросы