Question

div+css banner的问题

如图所示，在IE6中banner 只显示半个，在谷歌火狐中均正常显示
#banner {position:relative; width:999px; height:302px; overflow:hidden; margin:0 auto;}
#banner_list img {width:997px; height:300px;border:0px;border:1px solid gray;}
#banner_text {position:absolute;width:120px;z-index:1002; right:3px; bottom:3px;}
#banner ul {position:absolute;list-style-type:none;filter: Alpha(Opacity=80);opacity:0.8; border:1px solid #fff;z-index:1002;
margin:0; padding:0; bottom:3px; right:5px;}
#banner ul li { padding:0px 8px;float:left;display:block;color:#FFF;border:#e5eaff 1px solid;background:#6f4f67;cursor:pointer;}
#banner ul li.on { background:#900;}
#banner_list a{position:absolute;}
-------------------------------------------------------------------------------

<div id="banner">
<ul>
<li class="on">1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
<div id="banner_list">
<a href="#" target="_blank"><img src="images/1.jpg" title="" alt="" /></a>
<a href="#" target="_blank"><img src="images/1.jpg" title="" alt="" /></a>
<a href="#" target="_blank"><img src="images/1.jpg" title="" alt="" /></a>
<a href="#" target="_blank"><img src="images/1.jpg" title="" alt="" /></a>
</div>
</div>

谁能帮我解答啊，这段代码没问题，单个拿出去显示正常，但是放到我的那个网页中就不正常了，就出现IE6只有半个的情况。
不知道是上面原因

Answer 1

代码改一下：
<div id="banner">
加一个div<div>
<ul>
<li class="on">1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
</div>
<div style='clear:both;'></div>

<div id="banner_list">
<a href="#" target="_blank"><img src="images/1.jpg" title="" alt="" /></a>
<a href="#" target="_blank"><img src="images/1.jpg" title="" alt="" /></a>
<a href="#" target="_blank"><img src="images/1.jpg" title="" alt="" /></a>
<a href="#" target="_blank"><img src="images/1.jpg" title="" alt="" /></a>
</div>
</div>
测试一下

Answer 2

“这段代码没问题，单个拿出去显示正常，但是放到我的那个网页中就不正常了”-->
样式不严密，这段代码前估计有其他样式影响你这段代码样式

Answer 3

.clear {
clear: both;
height: 0px;
overflow:hidden
}
<div class='clear'></div>
放到<div id="banner_list">这段代码前面
最好将他的left:0

追问

还是没反应啊

Answer 4

你真是难为浏览器了