0

http://www.gcfimoveis.com.br/

追加した後、下部のテキスト ウィジェット (CPFL) が IE と FF で正常に表示されます。

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

リストに。

Chrome では、左側に配置されすぎています。-webkit プロパティで修正する方法を見つけようとしましたが、わかりませんでした。

4

2 に答える 2

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>、追加した相対位置を取り除くと、それらは完全に整列します。

于 2013-03-11T01:59:59.533 に答える
0

まず、HTML コードを記述するときは、ベスト プラクティスと推奨事項に従うようにしてください。最初に私の頭に浮かんだのは、あなたの<li>商品が<ul>タグで包まれていないことでした. Web ブラウザーはコーダーの意図を解釈して理解できますが、標準に従うことをお勧めします。

主な問題として、ブラウザごとにデフォルトの CSS 設定が異なるため、CSS リセットスクリプトを使用してこれに対抗しています。リスト項目が一貫して機能するようにするには、CSS コードに次の行を追加する必要があります。

li {
    list-style-position:inside;
}

ここで list-style-position の可能な値を確認できます

私が助けてくれることを願っています

于 2013-03-11T02:06:49.293 に答える