css - 画像ボックスの配置の問題はIEです

Question

ここに画像の説明を入力してくださいIEでこの問題を修正するのを手伝ってください。Chrome、FFで正常に動作します

このURLを確認してくださいhttp://scs-qa.com/panamera/trading.html

Answer 1

<div class="trading-img-box">
<a href = "javascript:void(0)" onclick = "document.getElementById('trading6').style.display='block';document.getElementById('body-below-otherpage-small-trading').style.display='none'">
<img class="trading-img" src="img/trading6.png">
**<a>**
<h1 class="trading-h1">Marble</h1>
<p class="trading-p">We set ourselves at the..</p>
</div>

このボックスでは、アンカータグを閉じていません。

また、次を追加します。

<p style="height:0; clear:both;"></p>

背景が適切に折り返されるようにするには、overflow:auto を代わりに追加します。しかし、オペラで問題が発生し、スクロールが強制されることがあります。

Answer 2

これは、 trading-img-boxの<a>アンカータグが閉じられていないために発生しています。<div>Marble

<div class="trading-img-box">
    <a href = "javascript:void(0)" onclick = "document.getElementById('trading6').style.display='block';document.getElementById('body-  below-otherpage-small-trading').style.display='none'">
        <img class="trading-img" src="img/trading6.png">
    <a> <<<<<< ------ Unclosed Anchor Tag
    <h1 class="trading-h1">Marble</h1>
    <p class="trading-p">We set ourselves at the..</p>
</div>

Answer 3

要素 #body-below-otherpage-small-trading に overflow:auto を配置します