在IE6和IE7上浮动的问题

我的网站的一个小节的标题是由垂直堆叠的4个div组成的。包含图像的第五个div浮动在这4个div上，距离右边界稍远。这种布局适用于Firefox，IE8，Chrome和其他浏览器，但在IE7和IE6上，div不会漂浮在其他div上，从而影响了我的布局。我怎样才能解决这个问题？在IE6和IE7上浮动的问题

HTML是如此简单：

<div class="inter_auth"> 
    <div class="inter_photo"> 
    <img name="" src="{{ uri options="image 1" }}" width="100" height="112" border="0" /> 
    </div> 
    <div class="other_div1"> 
    </div> 
    <div class="other_div2"> 
    </div> 
    <div class="other_div3"> 
    </div> 
    <div class="other_div4"> 
    </div> 
</div>

集装箱CSS是：

.inter_auth { 
    width:315px; 
    background:#ffffff; 
    font-family: Verdana, Geneva, sans-serif; 
    font-size: 10px; 
    text-align:left; 
    min-height:1px; 
    overflow:hidden; 
    zoom:1; }

图片CSS是：

.inter_photo { 
    position:relative; 
    float:right; 
    margin:2px; 
    top:-2px; 
    left: -15px; 
    background:#899ca2; 
*background-image: url(transparent.gif); }

来源

2010-03-23 Terix

你可以使这个网页或只是在某些网址公开可用的问题，更容易解决问题的方式。 – Fabian 2010-03-23 15:00:59

http://www.ilsegnale.it/?tpl=502它是左侧的小图片，旁边是“100 secondi con ...”文本 – Terix 2010-03-23 15:10:24

可以，而是尝试的元素定位绝对。你的包装.inter_auth应该相对定位，并且子div可以绝对定位在父div中。您应该能够使用顶部，左侧，底部和右侧属性来精确对齐它们。这是一个定位的quick tutorial。检查底部有关重叠元素的部分。

来源

2013-08-13 02:53:00

在IE6和IE7上浮动的问题

回答

相关问题