2011-02-14 7 views
0

とCSSの問題、私はIE 6/7で正しく表示されないグラフィックの上皮とUIの問題があり、8マークアップ/ IE

マークアップは、ここに提供されています:http://www.jamesradford.net/ee/example.htm

あなたが閲覧した場合firefoxまたはgoogle chromeのページが正しく表示されるはずです。 IEで私は表示の問題を取得します。誰も私のためにこれを解決することはできますか?

赤いピールの図がメインパネルの右隅に表示されます。

多くの感謝!!!

あなたが#NewDesignMain内.SavePeelTopを移動する必要があります、何について

答えて

0

#NewDesignMain 
{ 
margin-top: -10px; 
position: relative; 
} 

.SavePeelTop 
{ 
position: absolute; 
top: 0; 
right: 0; 
} 

あなたは、適切なを追加することにより、Standards modeに入ることで#NewDesignMain

+0

このNewDesignMainとSavePeelTopの変更は機能しません。あなたは一例をプロファイルできますか? – JamesRadford

+0

その良いthoは、ここを参照http://jamesradford.net/ee/example2.htm – JamesRadford

+0

それを右に変更する:2px;トップ:9px;私のためにFFでそれを並べます。あなたがそれをIEで動作させるために不正行為をしても構わないのであれば、* right:10pxを追加することができます。 Internet Explorerのハックを使用してIEで別々にレンダリングする最初の権利の後。 – RandomWebGuy

1

スタート内.SavePeelTop移動する必要がありますDoctype。ブラウザーは、Quirksモードでは非常に矛盾しています。

+0

申し訳ありませんが、実際のページに、私はDTDを持っている:<!DOCTYPE htmlののPUBLIC " - // W3C // DTD XHTML 1.0過渡// EN"「http://www.w3.org/TR/xhtml1/DTD/xhtml1トランジション。dtd "> – JamesRadford

+0

ちょうど<!DOCTYPE html> –

+0

ドラフト仕様に先行する必要はありません – Quentin

0

あなたのマークアップは信じられないほど複雑です。 IEは一般的に風変わりです。マークアップを簡単にするのに役立ちます。

次のような操作を行います。

<wrapper> 
ABC Test Another 100 200 total whatnot 
<peel> 
Save 29% 
</peel> 
</wrapper> 

有効ではないHTMLは、明らかに、あなたにアイデアを与えるための概略のスケッチです。次に、CSSを使用してラッパーにposition:relative;を設定し、はがしにposition:absolute; top: 0; right: 0;を設定します。そうすれば、すべてのブラウザに入ることができます。

あなたは必要以上に多くのdivを使用しました。かなり多くの入れ子要素がありました。常にK.I.S.S.を覚えています。哲学。 (Keep It Simple、Son)

関連する問題