2013-03-11 58 views
0

http://www.gcfimoveis.com.br/定位問題與鉻

文本小的底部,我添加後(CPFL)顯示在IE和FF罰款:

<ul style="position:relative; right:25px;"> 

到列表中。

在Chrome中,實在是太靠左的位置。我試圖找到一種方法來糾正它與-webkit屬性,但無法弄清楚。

+0

你是否嘗試使用'float:left'並使用填充距離。而是採用'的位置是:使用與左,右頂部和底部值的相對位置時relative' – jhunlio 2013-03-11 01:57:23

+0

,它並不總是得到保證,他們會在每一個瀏覽器完全匹配。它會接近... – blackhawk 2013-03-11 02:00:44

回答

2

我看到你有一系列<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>標籤。

更新:如果更改,在有問題的部件<ul><div>,並擺脫你添加的相對定位的,它們完全一致。

+0

謝謝你!就是這樣。 :) – Ken 2013-03-11 02:04:06

+0

不客氣:-) – ktm5124 2013-03-11 02:09:12

0

首先,編寫HTML代碼時,儘量遵循最佳做法和建議。襲擊我的腦海裏的第一件事情是你<li>項目未包裹在<ul>標籤。雖然您的網絡瀏覽器可以解釋和理解編碼人員的含義,但最好遵循標準。

我們的主要問題,每個瀏覽器都有不同的默認CSS配置,這就是爲什麼人們使用CSS reset腳本來對付這個。您需要將下面一行添加到您的CSS代碼來獲取列表項一貫的工作:

li { 
    list-style-position:inside; 
} 

你可以看到的可能值列表樣式位置here

希望我幫助