私の Web サイトは Safari、Opera、Firefox、および Chrome では問題なく動作していますが、IE で実行すると正しく動作しません。
ウェブサイトへのリンクはこちらです。
画面の中央に地図を配置する必要がありますが、IE では左側のメニューの下にあります。助けてください。
私の Web サイトは Safari、Opera、Firefox、および Chrome では問題なく動作していますが、IE で実行すると正しく動作しません。
ウェブサイトへのリンクはこちらです。
画面の中央に地図を配置する必要がありますが、IE では左側のメニューの下にあります。助けてください。
特定のブラウザにスタイルを追加するために私が見つけた最良の方法は、HTMLでこれを使用することです。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--[if lt IE 7 ]> <html class="ie6" lang="en" xml:lang="en" dir="ltr"> <![endif]-->
<!--[if IE 7 ]> <html class="ie7" lang="en" xml:lang="en" dir="ltr"> <![endif]-->
<!--[if IE 8 ]> <html class="ie8" lang="en" xml:lang="en" dir="ltr"> <![endif]-->
<!--[if IE 9 ]> <html class="ie9" lang="en" xml:lang="en" dir="ltr"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html class="" lang="en" xml:lang="en" dir="ltr"> <!--<![endif]-->
<head>
</head>
<body>
</body>
これにより、各ブラウザのhtmlタグにクラスが追加されます。次に、次のように特定のブラウザのスタイルを設定できます。
#wrapper { width:300px; }
.ie7 #wrapper { width:400px; } /*Specific to IE7*/
ブラウザ固有のスタイルシートは必要ありません!
ie に別のスタイル シートを追加してみてください
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->
これは、webkit ブラウザーでパディングがレンダリングされる方法に関係している可能性があります。
それが役立つことを願っています