Question

div+css 在asp中分列显示问题，请教大家

如像这样一用表格控制分三列显示的文章。。如何改成div+css来控制呢。谢了大家。

<%dim k
sql="Select * From newinfo where smallclassid=4 order by uptime desc"
set rs1=conn.execute(sql)
if not rs1.eof then
rs1.movefirst%>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<%do while not rs1.eof%>
<td><table width=98% border=0 align="center" cellpadding=0 cellspacing=0>
<tr>
<td width="11%" height="64" align="center" ><table width="48" border="0" cellpadding="2" cellspacing="1" bgcolor="#0099CC">
<tr>
<td bgcolor="#FFFFFF"><a href="../<%=rs1("picurl")%>" target="_blank"><img src="../<%=rs1("picurl")%>" width=48 height=48 border="0" ></a></td>
</tr>
</table></td>
<td width="89%" > <a href="<%=rs1("id")%>.html" target="_blank" title="<%=rs1("x_name")%>"><u><%=rs1("x_name")%> </u> </a> <br>
 关注：<script language="javascript" src="../counter1.asp?id=<%=rs1("id")%>"></script></td>
</tr>
</table></td>
<%k=k+1
if k=3 then%>
</tr>
<%k=0
end if
rs1.movenext
loop%>
</table>
<%end if
rs1.close
%>

Answer 1

让美工去改
<div class="test">
<ul>
<li>这里是内容</li>
</ul>
</div>
只要控制li的宽度就行了。。
.test {width: 300px;}
.test ul {
list-style: none;
padding:0;
margin:0;
}
.test li {
float:left;
width: 100px;
}