css - IE7のCSSの問題、修正方法がわからない

Question

Internet Explorerでhttp://appointview.com/pricingにアクセスします（バージョン9を使用していますが、開発ツールでIE7モードに設定しています）。

2つのdivは、IEの上位バージョンのように上に並んでおらず、FFとChromeでも正常に機能します。私は要素をかなり徹底的に調べましたが、問題が何であるかを理解できません。

私はクロスブラウザの互換性テストが得意ではないので、すばやく簡単に修正できるかもしれません。

score 1 · Accepted Answer

IE7はめちゃくちゃです。divsの間、閉じる</div>と開くの間の空白を削除してみてください<div>。

例：from：

  <div>
      First one
  </div>
  <div>
      Second one
  </div>

に：

  <div>
      First one
  </div><div>
      Second one
  </div>

これは非常に一般的なバグです。s間の空白inline-blockは問題があります。マウスを使用して両方のdivを選択してみてください。そうすると、2番目の上の不要なスペースを占める空白文字があることに気付くでしょうdiv。

1 に答える 1