2016-06-17 3 views
0

Chromeにあるように、Internet Explorerのコードインスペクタで余白/パディング/ブロックの境界線を確認する方法はありますか?IEのCSS問題のトラブルシューティングのための正式なプロセス

コードインスペクタで要素を選択するときにIEがビューポートにビジュアルエイドを表示しない場合、ChromeとIE間の表示の不一致をトラブルシューティングすることは簡単ではありません。

編集:私は、IE11でドムインスペクタの右側の[レイアウト]タブを見つけたが、私は簡単にthis pageで次の矛盾を引き起こしているかを見ることができません。

クローム:

enter image description here

のInternet Explorer:

enter image description here

Click HereテキストはIEに置き忘れていますか?

私は、IEのCSS問題のトラブルシューティングの正式なプロセスについては知らない。

EDIT2:私は今テキストClick Here後ろに画像をダークブルーボックスの上部に表示するテキストを引き起こし、ダウンダークブルーボックスを移動IEで高く/広くなることがわかります。

答えて

1

F12、DOMエクスプローラー、右のパネルに処分タブ(第3回)を選択します:)

enter image description here

+0

こんにちは。私はIE11を使用しています。 Domエクスプローラでは、右のDispositionが表示されていません。あなたはどのバージョンのIEを持っていますか? – Steve

+0

スクリーンショットの取得も検討してください。 :-) – Steve

+0

IE 11だが、IE 9以来存在していると思う。 – Killan

0

が、これは問題を解決見える、私は私のクロムと私のIE11

に同じ問題を抱えています
.btn-4 p#more-btn { 
    color: #FFFFFF; 
    font-size: 12px; 
    margin: 66px 7px !important; 
} 

!の使用には注意してください!重要ではないとアドバイスされています。 CSSにリセットまたは同等の機能を使用していますか?

関連する問題