2011-07-21 20 views
0

サイトを終了し、位置に問題がある場合:IE7で修正。私はそれをgoogledし、異なるDoctypesを試みたが、固定された領域はまだIE7の位置から移動しています。Doctypeが修正しないIE7の位置固定問題

私はIE7を持っていませんが、クライアントのスタッフがそれを持っており、オンラインのIEレンダラ/テスタを使用して問題を確認できます。

テストサイトから.htaccessを削除しました。サイト/コードが表示されます。

http://drinkzing.com/test

任意のアドバイスや助けいただければ幸いです。

+1

/offtopic:IEのさまざまなバージョンをテストするためにIE Tester http://www.my-debugbar.com/ietester/install-ietester-v0.4.10.exeをダウンロードすることに興味がありますか?プログラムは何度かクラッシュしますが、IEをサポートしたいと思えばそれは価値があります。私は株主ではありません:) – PeeHaa

答えて

0

両方ともid="logo-nav"を有する<div><ul>要素があります。彼らはposition:fixedと他のいくつかのプロパティを設定しています。私はこれが主要な問題だと思う。重複したIDを削除し、<div>要素の場合にのみposition:fixedと設定してください。問題を調査するか、問題が解決しない場合があります。

新しいバージョンのInternet Explorerをお持ちの場合は、互換性ビューボタンをクリックするか、開発ツールでIE7ドキュメントモードを選択してIE7をエミュレートできます。

編集:leftプロパティを#logo-navに設定していないことに気付きました。私はなぜIE7が他のブラウザよりもデフォルトの位置を計算するのか分かりませんが、単に#logo-nav { left: 225px }を追加すると私のために働きます。

+0

互換モードは問題ありませんが、IE7のリアルバージョンの100%正確なコピーではないことに注意してください。 IE7でページがどのように見えるかを正確に表現するには、IETesterを使用することをお勧めします(上のコメントで推奨されています) – Spudley

+0

私はulの名前を変更し、相対的な位置を取り除くためにCSSのビットを変更しました。絶対的な位置には、テキストリンクが横になっている「ハック」があります。しかし、これはどれも悲しいことにIE7の問題を修正していないようです。 私は現時点でMacで作業していますので、IEのリモートテストを使用しています(理想的ではありません)。 – Burni

+0

@Burni私は私の答えを編集しました。 – duri

0

あなたのCSSでこれを試してみてください:

* html idorclasshere { 
position: absolute; 
} 

注:非応答のdivのあなた、よく、IDまたはクラスで「idorclasshere」を置き換える(原因アスタリスク、他のブラウザには、心配しないでくださいIEを除いて、あなたの "位置:固定"スタイルに合わせてそれを追加します)。

+0

申し訳ありませんがAndres、私のためにこれを少し明確にすることはできますか?これは同じCSSルール(#logo-nav)または別のルール内にあるべきですか? (* html logo-nav)? htmlビットが必要ですか?私のIDは '#'が必要ですか? – Burni

+0

あなたは、別のルール(つまり、 "* html#logo-nav {position:absolute}")としてメインスタイルシートに好きな場所に貼り付けることができます。これは、IEが位置を扱うということです。それを動かすためにそれをハックする必要があります。ここに実例を収めたウェブサイトがあります。 http://ryanfait.com/position-fixed-ie6/ –

関連する問題