1

私は1日髪を引き裂いてきたので、誰かがこれに対する答えを持ってくれることを願っています。

私がやろうとしているのは、画像の横にテキストを配置することだけです。どちらの方法を試しても、IE6はそれを適切にレンダリングすることを断固として拒否します。

これはHTML/Razorです。

<div class='prod-img'>
    <img src="@Url.Content("~/Content/ButtonImages/BackButton.bmp")" onclick="Quit()"/>
</div>

<div class='prod-text'>       
    <p>Something here</p>
</div>

そしてこれはCSSです:

.prod-img
{
    position: relative;  
    top: .8em;
    left: .1em;    
}

.prod-text
{
    position: absolute;
    left: 5em;
    top: .75em;   
}

何らかの理由で、IE6は画像の横ではなく下にテキストを詰め込みます。

4

1 に答える 1

0

左に浮かぶと、IE6でうまくいくようです。

.prod-img
{
    float: left; 
}

.prod-text
{
   margin-left: 10px;    
}

JSはここでいじくり回します: http://jsfiddle.net/qSExE/4/

これが完全なコードで機能しない場合は、テキストを収めるのに十分な水平方向のスペースがないため、画像の下にドロップしている(フロートドロップ)と推測するのは危険ですか?

于 2012-11-15T11:03:23.997 に答える