2011-06-21 5 views
0

可変高さのコンテナの背景として使用しているグラデーションイメージがあります。基本的な構造は、単純に(これ以上複雑であるが、あくまでも参考として)である:親が幅を設定している場合、IE7イメージはそれ自体を制限しません

<div class="parent"> 
    <img src="..." style="width: 100%;height:100%;"> 
    <div class="content"> 
     content goes here 
    </div> 
</div> 
私は .parentに明示的な幅を追加し、チョークどのブラウザを推測するまで、すべてのブラウザでは、偉大な作品

? IE7!私はIE7が大好きです!

画像の比率がリセットされ、.parentが960pxなので960x960になります。すべてのヘルプは感謝

http://jsfiddle.net/SsYSv/2/

:)

答えて

2

は、だから私は私の答えをreveisedている、

:基本的には、私は、正確な問題を示すために、フィドルを設定 height:100%

無視しているように見えます

は、基本的にdivを含むdivの周りにdivを折り返し、そのdivに幅を設定します。

http://jsfiddle.net/SsYSv/6/

<!--[if IE 7]><div class="ieBanner"><![endif]--> 
    ... 
<!--[if IE 7]></div><![endif]--> 

.ieBanner 
{ 
    width:400px; 
} 
+0

素晴らしい、ありがとうございました!同じことが他のブラウザでもうまくいくので、条件付きの本当の必要はありません。ちょうどもっと迷惑なデバッグを行います:) –

+0

心配なし:) – Xavier

関連する問題