Веб-сайт, что я в настоящее время продолжаю работать, имеет несколько проблем с браузерами WebKit (Chrome, Safari, и т.д.), одна из тех проблем - то, что у меня есть маркированный список, который отображается странный. Главный объект маркера идет направо от списка, а не левых.
(источник: jamespwright.com)
Я, может казаться, не фиксирую его. Я попробовал overflow:hidden, я попробовал list-style-position:inside, ничто, кажется, не работает.
Править
Я попытаюсь предоставить часть кода, но это - довольно огромный сайт, который создается с 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 для того раздела - это:
Premium Services
Проблема, кажется, с высотой страницы. На других браузерах, если страница не очень высока, этот раздел Premium Services все еще сохраняет высоту, которая соответствует всему, но в WebKit, если страница коротка, этот раздел сокращает себя и помещает первый объект рядом с изображением заголовка Premium Services, а не на строке ниже его. Если страница достаточно длинна, то эта проблема не происходит.
Ответ был в поплавках.
Ул должен был иметь clear:оба;
добавил к нему.