Internet ExplorerのCssスタイリングとChromeの比較

私はブロガーのプラットフォームに基づいてウェブサイトで作業しています。私はCSSのスタイリングに問題があります。ウェブサイト：http://wibracjezdrowia.blogspot.com/p/opinie-klientow.html 問題：Chromeブラウザではすべてが機能していますが、Internet Explorerをチェックすると、ロゴの位置に問題があり、緑色のサイン "GABINET TERAPII NATURALNYCH"よりも1行にないことを意味しますChromeに表示されます誰でもこの問題の解決に役立つことができますか？ありがとう！ :)Internet ExplorerのCssスタイリングとChromeの比較

出典

2017-07-13 PiKej

この問題を示しているInternet Explorerのバージョン？ –

私はOPの問題をIE 11で再現することができます –

私は問題を解明させるようにしました。 –

問題は#header divのサイズです。

あなたは低い値に、このdiv要素の最大幅を変更することができ、それは問題ないはずです。

#header { 
float: right; 
width: 100%; 
max-width: 690px; 
color: #444; 
margin: 0; 
padding: 0;

}

私は690pxとそれに735pxからのmax-widthを変更しましたうまくいった。

出典

2017-07-13 12:36:15

ありがとうございます！：）出来た！ :) – PiKej

直接の問題はあまりお答えできませんが、Bootstrapを使用して、デスクトップやモバイル用のウェブサイトの要素をより簡単にスタイル設定することを検討しましたか？ただ、</head>（閉じ頭タグ）前

出典

2017-07-13 12:37:34 smbeaudry

はIEのみをターゲットに次のコードを追加します。

<!--[if IE]> 
    <style> 
     *, *::before, *::after{box-sizing: content-box} 
    </style> 
<![endif]-->

出典

2017-07-13 12:54:30

Internet ExplorerのCssスタイリングとChromeの比較

答えて

関連する問題