0
我的网站的一个小节的标题是由垂直堆叠的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); }
你可以使这个网页或只是在某些网址公开可用的问题,更容易解决问题的方式。 – Fabian 2010-03-23 15:00:59
http://www.ilsegnale.it/?tpl=502它是左侧的小图片,旁边是“100 secondi con ...”文本 – Terix 2010-03-23 15:10:24