2012-05-12 10 views
0

IEはIE7で実際に嫌な動作を経験しています。私は自分の<body>タグ相対を位置付けたいと思う。<body>位置:相対、インラインVS .css-file(IE7)

私は私のcssファイルに

body { position: relative; } 

を入力した場合、(位置です:絶対)私のメニューは動作しません。しかし、私が使用する場合

<body style="position: relative;"> 

それは動作します。それはどうやって違いを生み出すことができますか? CSS属性やそのようなものを削除しているjavascriptはありません。

+2

違いはありません。ここには他に何かがあるはずです。 – thirtydot

+0

多分あなたのCSSの中で最後のものが本文に現れたという2つの本体が定義されています。 –

+0

さて、IE7と言うと、他のブラウザと同じですか? –

答えて

1

これについては興味がありましたが、疑問が残るように@ thirtydotのコメントは正しいようです:答えは違いがないということです。私はthis jsfiddleを作成しました。これはIE7で期待通りにレンダリングされています(正直言ってIE9のIE7モードでテストしました)。

<html><head></head> 
    <body> 
     <div class="menu">HOME | PRODUCTS | ABOUT</div> 
     <p>Testing!</p><p>Testing!</p><p>Testing!</p><p>Testing!</p> 
    </body> 
</html> 

関連するCSS、物事を視覚化するためにいくつかの色で:ここで

は、コードの予想通り

html { 
    background-color: green; 
} 

div.menu { 
    border: 1px solid blue; 
    background-color: silver; 
    position: absolute; 
    right: 10px; 
    top: 10px; 
} 

body { 
    background-color: pink; 
    width: 90%; 
    position: relative; 
    left: 10px; 
    top: 10px; 
} 

は、私を与える:

Screenshot from the jsfiddle

それは、私のためにIE9とFFで同様のレンダリング。

+0

テストのために多くのありがとう。しかし、ie7モードとネイティブie7の間にはいくつかの違いがあります。私はWindows XPを実行している私の専用ie7マシンで問題を発見しました。 – Johan

関連する問題