0

サイトをデプロイしたところ、予想していたはずのie7cssの問題がいくつか発生しました。IE7の仮想バージョンでデバッグに問題があり、debugBarとIETesterをインストールしましたが、ChromeやFirebugのように、要素のパディングやマージンを視覚的に確認できません...

だから私の質問の最初の部分-それらはCSSのデバッグに役立つIE7で使用できるツールですか？

2番目の部分は、2つの異なるページで機能する要素に関連しています。要素は、要素内に余分なスペースを使用してレンダリングするULであり、他のページでは正しくレンダリングされます。

htmlは次のとおりです。

  <div id="nextSevenEvents">
  <ul id="nextSevenEventseventList">
    <li>
      <div class="dateEntry last span-6 last borderTop">  
        <div class="whatsOnDate last span-2 "> Fri 20 Apr</div>
        <div class="whatsOnTitle span-4 last">Ladies v Royal (Away) FR</div>
      </div>
    </li>
    <li>
      <div class="dateEntry last span-6 last ">  
        <div class="whatsOnDate last span-2 "> &nbsp;</div>
        <div class="whatsOnTitle span-4 last">Terry on hols</div>
      </div>
     </li>
    </ul>
  </div>

これらのCSSは次のとおりです。

   #div-whatson ul {
     list-style: none;
     padding: 5px 0 0;
     margin: 0;
   }
   .dateEntry {
     padding: 5px 0 0 0;
   }
   .whatsOnDate {
     font-size: 0.8em;
     line-height: 1em;
   }
     .whatsOnTitle {
     font-size: 0.9em;
     line-height: 1em;
   }

ここで何が欠けていますか？

私のサイトは青写真に基づいています

ありがとう

更新：＃div = whatsonは親要素であり、その中に他のいくつかの要素があります（それ以外の場合は、コードが継続して実行されます。

4

2 に答える 2

2

リストをラップする id 'div-whatson' を持つ親要素はありますか? 継承に起因する問題が発生する可能性があるため、body font-size に明示的なサイズを設定しましたか。

IE バージョンをデバッグするときに非常に便利なツールは、IE9 に組み込まれている開発者ツールです (F12 で起動します)。ここから IE のバージョンを変更できます。これが 100% 正確であるとは限りませんが、便利なツールです。

于 2012-04-19T10:47:43.377 に答える
1

これを CSS に追加してみてください。

#div-whatson ul li {
    padding: 0;
    margin: 0;
}
于 2012-04-19T10:57:05.743 に答える