Question

div在ie6中错位,空白的要怎么解决?

上面为3*5个div在table(又包含一个DIV)中的排序.为什么一个会排在外面?在其他浏览器都没问题就在ie6出现问题,请问是什么问题,又如何解决?
以下为代码:
<div style="width:482px; height:300px; border: 1px; border-color: red;">
<!--struts2标签迭代--> <s:iterator value="sportsGame" status="recommend">
<!--循环15个--> <s:if test="(#recommend.index<15)"> <div style="width:94px; float: left; height: 81px; margin-top: 12px;"> <div align="center" ><a href="${pageContext.request.contextPath}/content/content_${id }.html"><img src="${picUrl}" title="${gameName }" width="72" height="72" border="0" /></a></div> <div align="center"><div align="center" style="white-space:nowrap; overflow: hidden; width: 90px; " ><a title="${gameName }" href="${pageContext.request.contextPath}/content/content_${id }.html" >${gameName }</a> </div> </div> </div> </s:if> </s:iterator> </div>

Answer 1

那是ie浮动元素的hack,随机±2px;
针对ie6做一次hack写法就行了。

具体就是用ie6打开，把这个div的css针ie6对重新写一次，以前的css不要动,增加一个带下划线的，【带下划线的要写在不带下划线的后面】。
只改你要的比如 width:482px; _width:480px;
(注：注意下划线，这句话的意思就是在其它浏览器中width:482px,在ie6中，width是480px；所有的参数照这种方式把ie6的调过来就可以了)

Answer 2

元素浮动造成的定位错误。
目测是第一行第一个元素超高造成的，找美工改样式，把每个浮动元素的高度都固定住就好了。

Answer 3

设置固定高度,如果有margin-left 那就加一句display:inline;