私はasp.net-mvc3のウェブサイトを持っています。 CSSを使用してすべてのレイアウトを作成しました。レイアウトはFirefoxとChromeで正確にどのようにしたいのですが、インターネットエクスプローラでは大混乱です。特定のブラウザのレイアウトを作成する
だから私はそれを修正しようとしています。
しかし、問題は、私はそれをFirefoxやChromeで邪魔することなく修正したいということです。
最初から再起動してレイアウトを再作成する必要はありますか？特定のブラウザに特定のレイアウトを指定する方法があります。このような
何か：
Internet Explorerが、私は出回っ持っているもの、それ以外の使用を、このCSSシートやスタイルを使用している場合。
使用：
ターゲット
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->
ターゲットすべてEXCEPTはIE
<!--[if !IE]><!-->
<link rel="stylesheet" type="text/css" href="not-ie.css" />
<!--<![endif]-->
ターゲットIE 7 ONLY
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="ie7.css">
<![endif]-->
ターゲットIE 6のみ
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="ie6.css" />
<![endif]-->
ターゲットIE 5 ONLY
<!--[if IE 5]>
<link rel="stylesheet" type="text/css" href="ie5.css" />
<![endif]-->
ターゲットIE 5。5 ONLY
<!--[if IE 5.5000]>
<link rel="stylesheet" type="text/css" href="ie55.css" />
<![endif]-->
ターゲットIE 6と下部
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="ie6-and-down.css" />
<![endif]-->
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="ie6-and-down.css" />
<![endif]-->
ターゲットIE 7と下部
<!--[if lt IE 8]>
<link rel="stylesheet" type="text/css" href="ie7-and-down.css" />
<![endif]-->
<!--[if lte IE 7]>
<link rel="stylesheet" type="text/css" href="ie7-and-down.css" />
<![endif]-->
ターゲットIE 8と下部
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="ie8-and-down.css" />
<![endif]-->
<!--[if lte IE 8]>
<link rel="stylesheet" type="text/css" href="ie8-and-down.css" />
<![endif]-->
ターゲットIE 6以上
<!--[if gt IE 5.5]>
<link rel="stylesheet" type="text/css" href="ie6-and-up.css" />
<![endif]-->
<!--[if gte IE 6]>
<link rel="stylesheet" type="text/css" href="ie6-and-up.css" />
<![endif]-->
ターゲットIE 7とHIGHER
<!--[if gt IE 6]>
<link rel="stylesheet" type="text/css" href="ie7-and-up.css" />
<![endif]-->
<!--[if gte IE 7]>
<link rel="stylesheet" type="text/css" href="ie7-and-up.css" />
<![endif]-->
ターゲットIE 8とあなたはおそらくQuirksモードを使用してとは何かを持っている問題（複数可）（識別する必要があり
<!--[if gt IE 7]>
<link rel="stylesheet" type="text/css" href="ie8-and-up.css" />
<![endif]-->
<!--[if gte IE 8]>
<link rel="stylesheet" type="text/css" href="ie8-and-up.css" />
<![endif]-->
条件付きIEスタイルシートが必要です。
IEのみを使用したいスタイルシートを作成し、IE固有のコード内のドキュメントヘッドに配置します。たとえば：
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->
これはIEのすべてのバージョンのすべての-IE-only.cssスタイルシートを呼び出しますが、特定のバージョン、またはバージョンの偶数グループ、例えばするコードを変更することができますこれは、すべての情報を持っている偉大なリソースです
「IE9未満」 - あなたが求めている何http://css-tricks.com/how-to-create-an-ie-only-stylesheet/（Danはあなたのためにこの答えの正確な内容をコピーして貼り付けています）
は<!--[if IE]>タグです。これはwebsiteの詳細です。
しかし、IEタグが必要なく、クロスプラットフォームで作業するサイトを構築することができます。それはあなたのCSSとマークアップによって異なります。これらは、（頭の上に置く）
HIGHER ）それらに対処する。
IEのすべての不具合を解決する魔法の弾丸はありません。完全に異なるスタイルシートを提供するのは、通常、実行する必要があります。
conditional commentsを使用してIE専用のコードを提供できますが、大部分の場合、軽いタッチで適用する必要があります。
私は、完全なreset.cssスタイルシートを使用して、IE、Safari、Opera、Firefoxで非常に一貫したデザインを得ることができました。
reset.cssはブラウザごとに異なるプリセット標準を「0」にして、実際のスタイルシートをクリーンスレートにロードします。
reset.cssとstylesheet-name.cssをテストした後で、ブラウザ固有のハッキングを作成します。これは、複数のブラウザ間で一貫した表示を行うためのベストプラクティスです。代わりにhttp://meyerweb.com/eric/tools/css/reset/
これはとてもゴミです:)使用http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ - その後：
次のリンクは良い例です。 1つのCSSファイルだけが必要です。 –
最初のものはすべてのIE用です-_- –
ポールの方法は実際にはるかに優れています。すべてのIEに対して常に1つを追加することができます。実際には、ie6,7と8に必要なのは1つだけです。他はうまくいきます。さて、IE10はもうccsには反応しません。 –