html - IE で流体幅セクションのサイズを変更する

Question

私のサイトは流動的な幅ですが、右側の画像がヘッダーの最後にあるセクションの 1 つが正しくサイズ変更されません。CSSは次のとおりです。

#middle-top {
height:68px;
float:left;
width:81%;
border-left:1px solid #Fafafa;
}

メディア スクリーン スタイル シートを使用しましたが、すべてのブラウザー (IE など) で正しく動作しません。

誰かがおそらく見て、何か提案をしてウィンドウサイズを小さくすることができれば、それは大きな助けになるでしょう.

Answer 1

imgタグを使用する代わりに。背景画像と同じ画像を与えてdiv#middle-top右に配置します。

このようなもの：

 background-image:  Image url1 , Image url2; /* does not support IE7 and IE8 */
 background-repeat: no-repeat, no-repeat;
 background-position: right;

アップデート：

またはそうでなければ

次のように、右側の画像をパーセンテージで指定します。

img#heart { width: 20%; }