どのCSSプロパティがInternet Explorerで問題を引き起こす可能性がありますか？

私は多くのCSSプロパティを持つWebページを設計しました.IEで見ると、他のすべてのブラウザと比べてそれほど適切ではありません。どのCSSプロパティがInternet Explorerで問題を引き起こす可能性がありますか？

次回は、IEで気にするべきCSSプロパティは何ですか？

ありがとうございます。

2010-12-14 KillerFish

*すべて*、真剣に。 – Kyle

私は余白やパディングのようないくつかのプロパティを意味します。 – KillerFish

あなたが使用しているIEのバージョンによって異なります。 – 4imble

あなたが同じ側に浮いて余裕を持ってdivを持っている場合、それはIEでダブルマージンが発生します：

div 
{ 
    margin-left: 10px; 
    float: left; 
}

または

div 
{ 
    margin-right: 10px; 
    float: right; 
}

をマージンは、実際に中に20ピクセルされますIE。

修正はdisplay:inlineを追加します。

2010-12-14 10:33:20

display：インラインで修正するのは少し面倒です。できるだけパディングを使用するか、IE6固有のルールで余白を半分にすることをお勧めします。 – annakata

2010-12-14 10:56:37 annakata

そしてhttp://haslayout.net/css/index - これは別のブックマークフォルダにありました:) – annakata

十分におもしろいほど彼らはより論理的なボックスモデルを持っています。 – Keyo

@Keyo - それは主観的なものですが、あなたはそれを考えているonylの人ではありません。私はIEチームにこれを信用しないと思います。IEの残りの部分は、それが幸せな（？）事故であることを示唆しています:) – annakata

以下を使用してもわかりません。

2010-12-14 10:59:27 Blowsie

実際に私のために働く。どこにでもあるわけではありませんが、実際にインラインブロックを取得することなく何らかの奇妙な動作を修正することは知られています。IEの方法は暗いです... –

エイ、ズームを使用して：1役立ちますが、私の意見では、使用可能から遠い – Blowsie

まず、HTMLコードには常に<!DOCTYPE>宣言があることを確認する必要があります。これにより、IEを他のブラウザと一貫性のあるものにする「標準モード」になります。（それにはまだたくさんの欠けていて壊れた機能がありますが、それはdoctypeなしで得られる災害と比べて何もありません）。

これらの欠落した機能や欠落している機能を調べるには、http://www.quirksmode.org/css/contents.htmlをご覧ください。

Quirksmodeサイトには、どのCSSプロパティと他の機能がどのブラウザで動作するかを正確に示す優れた表があります。また、具体的な事例でのバグの正確な詳細も記載されています。私がこのような質問をしたことがあるなら、Quirksmodeが私が答えを見つけるために行く最初の場所です。

私が答えを見つけるために行くのは、http://caniuse.com/です。しかし、このサイトはより新しい機能に焦点を当てているので、あなたが知る必要があるすべてを教えてくれないかもしれません。

2010-12-14 11:41:58 Spudley

答えて