css - ie9中的对齐问题

Question

这是 my website 的链接这在 firefox 中看起来不错。但在 IE 中元素不在同一行如何修复它

Answer 1

您的问题出在 HTML 中，而不是在 css 中，每个“item_container span3”底部都有两个额外的关闭 div

    <form method='post' name='form124' id='form124' action='/app/site/backend/additemtocart.nl?c=3563610&amp;n=1' onsubmit="return checkmandatory124();">


    <div class="item_container span3">
    <a href="/s.nl/c.3563610/it.A/id.124/.f" class='lnk13b-blackOff'; onMouseover="this.className='lnk13b-blackOff'; return true;" onMouseout="this.className='lnk13b-blackOff'; return true;">iPhone 5</a>
    <div class="heading_price">
    <span class="price">Price: 
    <span id=itemprice124>?.?.?2?444?00 &#150; 3,649.00 SAR</span>   
    </span>
    </div>
    <div class="itemlist-img">
    <a href="/s.nl/c.3563610/it.A/id.124/.f">
    <a href='/s.nl/c.3563610/it.A/id.124/.f'>
    <img src='/core/media/media.nl?id=959&amp;c=3563610&amp;h=b417dd449e62d8ecd270&amp;resizeid=-1&amp;resizeh=214&amp;resizew=160' border='0' alt='Item Images13.jpg' title='Item Images13.jpg'></a></a>
    </div><div><p class="item_desc">Sed ut perspiciatis unde omnis iste natus error sit voluptatem</p></div>
    <div class="cart_details"><a href="/s.nl/c.3563610/it.A/id.124/.f" class="view_item" onMouseover="this.className='view_item'; return true;" onMouseout="this.className='view_item'; return true;"> VIEW DETAILS</a>
    <span class="cart_btn"><a href="#inline_content"  class='inline'>ADD TO CART</a></span>
    </div></div>

<--- this --->
    **</div></div>**
<------------>
    </form>