2009-07-24 1 views
4

互換モードでIE8で表示すると、IE8やFirefoxで表示した場合と比べて、ウェブサイトのレイアウトがすべてジャックアップされていることに気づきました。 IE8とFirefoxではサイトがうまくレンダリングされているので、IE6/IE7の特定のスタイルをオーバーライドする必要があると私は推測しています。 FireFoxのFirebugのようなツールを使って、IEのCSS設定がどのようになっているかを分析するツールはありますか?設定は特にここで対象とすべきかについての互換モードのウェブサイトでのレイアウトの問題

ウェブサイトれる[リンクは、サイトの所有者の要求ごとに編集さ] ...

任意のアイデア?

EDIT
ちょうどIE8における開発ツールを見つけた...私は、このCSSの設定が犯人であるように思われるが、私はなぜわからないことに気付きました。 ".three-columns"は、ウェブサイトの下部に適用されるクラスの名前です。

HTML > BODY .three-columns 
{ 
    height: auto; 
} 

答えて

3

あなたはIE8の開発者ツールを使用することができます。

http://msdn.microsoft.com/en-gb/library/dd565628(VS.85).aspx

私は下のリンクからIE6とIE7の仮想PCイメージをダウンロードではなく、後方IE8sに互換モードを頼っ推薦:

http://www.microsoft.com/downloads/details.aspx?FamilyId=21EABB90-958F-4B64-B5F1-73D0A413C8EF&displaylang=en

3列のクラスの最上部を0pxにすると修正されるようです。

0

IE View と呼ばれるFFプラグインがありますが、これはFirebugのとどのように動作するか私はわかりませんよ。

申し訳ありません。実際に私が示したかったのはIE Tabです。

1

IE8開発ツール(F12キーまたはツール - >開発ツール)を使用すると、どのモードでもリアルタイムでページを編集できます。新しいスタイルを追加したり、ファイヤーバグのようにそれらを無効にすることができます(ただし、スニッフィングやロード時間はありません)。

+0

完璧!そのヒントをありがとう...非常に火かき棒のように:) – RSolberg

2

ありFirebugのLiteは、常に次のとおりです。

http://getfirebug.com/lite.html

fullblown Firefoxのバージョンと、そのように良くありませんが、それは穴のあなたを得ることができます。

希望します。