http://www.gcfimoveis.com.br/Positioning проблема с хромом
Текст виджета на дне (CPFL) отображает штраф в IE и FF после того, как я добавил:
<ul style="position:relative; right:25px;">
в список.
В Chrome он расположен слишком далеко влево. Я попытался найти способ исправить его с помощью свойства -webkit, но не мог понять это.
Я вижу, что у вас есть ряд <div class="widget">
Однако в этом одном конкретном виджете использовать неупорядоченный список, в то время как в каждом виджете выше, что вы странно опускаете <ul> тега. Например,
<div class="textwidget">
<li><a rel="nofollow" href="http://www.ribeiraopreto.sp.gov.br/daerp/jw04informacaoCadastral.htm" title="Informação Cadastral" target="_blank">» Informação Cadastral</a></li>
<li><a rel="nofollow" href="http://www.ribeiraopreto.sp.gov.br/daerp/jw04informacaoDebito.htm" title="Informação de Débito" target="_blank">» Informação de Débito</a></li>
<li><a rel="nofollow" href="http://www.ribeiraopreto.sp.gov.br/daerp/jw04segundaViaConta.htm" title="Segunda via da conta" target="_blank">» Segunda via da conta</a></li>
<li><a rel="nofollow" href="http://www.ribeiraopreto.sp.gov.br/daerp/jw04rdd.htm" title="Guia de arrecadação - RDD" target="_blank">» Guia de arrecadação – RDD</a></li>
<li><a rel="nofollow" href="http://www.ribeiraopreto.sp.gov.br/daerp/i04dc-indice.php" title="Dicas ao consumidor" target="_blank">» Dicas ao consumidor</a></li>
</div>
В этом HTML, нет <ul> содержать <li> элементы. Но в вашем проблемном виджете у вас есть тег <ul>.
Update: Если вы изменяете, что <ul> в проблемном виджете к <div>, и избавиться от относительного позиционирования вы добавили, что они присоединяются отлично.
Прежде всего, при написании HTML-кода старайтесь следовать рекомендациям и рекомендациям. Первое, что поразило меня, было то, что ваши <li> элементы не были обернуты тегами <ul>. Хотя ваш веб-браузер может интерпретировать и понимать, что подразумевается под кодером, лучше следовать стандартам.
Теперь, к вашей основной проблеме, каждый браузер имеет разные конфигурации CSS по умолчанию, поэтому люди используют сценарии CSS reset для противодействия этому. Вам нужно добавить следующую строку в ваш код CSS, чтобы получить элементы списка работающих последовательно:
li {
list-style-position:inside;
}
вы можете увидеть возможные значения для списка-стиль-позиции here
Надежда Я помог
вы пытались использовать 'float: left' и использовать padding для требуемого расстояния. вместо использования 'position: relative' – jhunlio
при использовании относительного положения с левым правым верхним и нижним значениями, не всегда будет гарантировано, что они будут точно совпадать в каждом браузере. Он будет близок ... – blackhawk