IE6文字溢出问题怎么解决
0
悬赏园豆：5
[已解决问题]
解决于 2013-03-22 15:58
溢出文字“之行”
HTML如下：
<div id="Trend_picture">
<div class="pic_biaoti"></div>
<div class="pic_content">
<marquee direction="left">
<ul>
<li><a href="#"><img src="image/pic_ce.jpg" /></a><span>花岩溪之行</span></li>
<li><a href="#"><img src="image/pic_ce.jpg" /></a><span>花岩溪之行</span></li>
<li><a href="#"><img src="image/pic_ce.jpg" /></a><span>花岩溪之行</span></li>
<li><a href="#"><img src="image/pic_ce.jpg" /></a><span>花岩溪之行</span></li>
</ul>
</marquee>
</div>
</div>
CSS如下：
#Trend_picture{
width:764px;
height:144px;
float:left;
border:3px solid #c3c2c3;
}
.pic_biaoti {
width:34px;
height:144px;
float:left;
display:inline;
background:url(../image/pic.jpg);
}
.pic_content {
width:730px;
height:144px;
float:left;
}
.pic_content ul {
width:730px;
height:130px;
margin-top:9px;
}
.pic_content ul li{
width:160px;
height:111px;
margin-left:18px;
float:left;
display:inline;
}
.pic_content ul li span{
width:160px;
font-size:12px;
float:left;
text-align:center;
color:#000;
}
.pic_content ul li img{
border:none;
}
最佳答案
0
拷贝楼猪代码 我这边没看到问题
目测楼主是没有清楚浮动
.c{zoom:1;}
.c:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
在UL上清楚下浮动吧
<ul class="c">
一般有浮动的都需清楚
收获园豆：5
非常感谢您的回答 此问题已被我自己解决了
我去掉源代码中的注释“<!------图片滚动----->”就解决了
源代码：
<!------图片滚动----->
<div id="Trend_picture">
<div class="pic_biaoti"></div>
<div class="pic_content">
<marquee direction="left">
<ul>
<li><a href="#"><img src="image/pic_ce.jpg" /></a><span>花岩溪之行</span></li>
<li><a href="#"><img src="image/pic_ce.jpg" /></a><span>花岩溪之行</span></li>
<li><a href="#"><img src="image/pic_ce.jpg" /></a><span>花岩溪之行</span></li>
<li><a href="#"><img src="image/pic_ce.jpg" /></a><span>花岩溪之行</span></li>
</ul>
</marquee>
</div>
</div>
</div>
@木子的紫微星:
这么神奇
楼猪，我以为这不是问题的关键
其他回答(1)
1
.pic_content ul li span{
width:160px;
font-size:12px;
float:left;
text-align:center;
color:#000;
}
中的 float:left; 换成 display:block;
试试
非常感谢您的回答 此问题已被我自己解决了
我去掉源代码中的注释“<!------图片滚动----->”就解决了
源代码：
<!------图片滚动----->
<div id="Trend_picture">
<div class="pic_biaoti"></div>
<div class="pic_content">
<marquee direction="left">
<ul>
<li><a href="#"><img src="image/pic_ce.jpg" /></a><span>花岩溪之行</span></li>
<li><a href="#"><img src="image/pic_ce.jpg" /></a><span>花岩溪之行</span></li>
<li><a href="#"><img src="image/pic_ce.jpg" /></a><span>花岩溪之行</span></li>
<li><a href="#"><img src="image/pic_ce.jpg" /></a><span>花岩溪之行</span></li>
</ul>
</marquee>
</div>
</div>
</div>
