Question

后台模版做成一行三列(div+css),前台生成一行三列布局

在后台模版中用div+css定好一行三列，生成文件时，在前台页面浏览就是一排三列的布局，代码如下：

Rs.open("Select * From Product order by UpDatetime Desc"),Conn,1,1
If Rs.Eof And Rs.bof Then
body=body&"<DIV style=float:
。。。。。。
PageCount1=1
Totalnumber=0
Else
Maxperpage=15
Rs.Pagesize=MaxperPage
PageCount1=Rs.PageCount
Rs.Move (CurrentPage-1)*MaxperPage
Totalnumber=Rs.RecordCount
N=0

'分页程序
plist_bottom=plist_bottom&"<table border=""0"" cellpadding=""0"" cellspacing=""0"">"
plist_bottom=plist_bottom&"<TBODY>"
plist_bottom=plist_bottom&"<TR>"
plist_bottom=plist_bottom&"<td width=""260"" align=""center"" valign=""middle"">"
plist_bottom=plist_bottom&"<b>"&Rs("ClassID")&"</b>  "
plist_bottom=plist_bottom&"共有<b>"&Totalnumber&"</b>部  "
plist_bottom=plist_bottom&"当前:第<b>"&CurrentPage&"</b>页/共<b>"&PageCount1&"</b>页</td>"
plist_bottom=plist_bottom&"<td width=""160"" align=""left"" valign=""middle"">"
Pageno=CurrentPage
If cint(Pageno)>1 Then
plist_bottom=plist_bottom&"<a href=ProductList_1.html title=""首页"">"
End If
plist_bottom=plist_bottom&"首页</a> "
If Cint(Pageno)>1 Then
plist_bottom=plist_bottom&"<a href=ProductList_"&Pageno-1&".html title=""上一页"">"
End If
plist_bottom=plist_bottom&"上一页</a> "
If Cint(Pageno)< PageCount1 Then
plist_bottom=plist_bottom&"<a href=ProductList_"&Pageno+1&".html title=""下一页"">"
End If
plist_bottom=plist_bottom&"下一页</a> "
If Cint(Pageno)< Pagecount1 Then
plist_bottom=plist_bottom&"<a href=ProductList_"&PageCount1&".html title=""尾页"">"
End If
plist_bottom=plist_bottom&"尾页</a></td>"
plist_bottom=plist_bottom&"<td width=""80"" align=""left"" valign=""middle""><select name=""select"" style=""font-size: 8pt"" onchange=""javascript:window.location.href=this.options[this.selectedIndex].value"">"
For I=1 to PageCount1
Selected=""
If Currentpage=I Then
Selected=" Selected"
End If
plist_bottom=plist_bottom&"<option value=ProductList_"&I&".html"&Selected&">第"&I&"页</option>"
Next
plist_bottom=plist_bottom&"</select>"
plist_bottom=plist_bottom&"</td></TR></TBODY></TABLE>"

'主页面
body=body&"<DIV id=featured-sites>"
Row_Count=1
do while not rs.eof
N=N+1
Dta=FormatDateTime(Rs("UpDateTime"),2)
Til=Rs("Title")
Clas=Rs("BigClassName")

Hit=Rs("Hits")
body=body&"<DIV class=bel>"
body=body&"<DIV class=mbcon>"
body=body&"<ul class=list_pic>"
body=body&"<li><A href=Product_"&Rs("id")&".html target=_blank><IMG height=100 src=../"&Rs("DefaultPicUrl")&" width=110 align=left border=0></A><span><B><A href=Product_"&rs("id")&".html target=_blank>"&Rs("title")&"</A></B></span></li>"
body=body&"</ul></DIV></DIV>"
if row_count mod 3 =0 then
body=body&"<br>"
end if
row_count=row_count+1
if n>=MaxPerPage then exit do
rs.movenext
loop
rs.close
end if
body=body&"</DIV>"
按现在这种情况，生成后，前台页面一直都是竖的一列，一行一个产品图片，要怎么达到我要的一行三列的效果，请高手指教！

Answer 1

<DIV style=float:left;
style后面是很多样式 必须用引号括起来 因为它是包含在双引号中的 所以都是用单引号括起来
<DIV style='float:left;height:auto'> 只是举例

还有 外面得套一个宽度够宽的DIV 里面的DIV横着放不下了 自动就换行了

浮动层必须结束 等图片都读取完了
加一个
<div style="clear:both;"></div>