Div e ASP

[Iron83]

Intanto ti ringrazio per la risposta, il problema è che quando gli do il float: left la parte delle novità si sovrappone alla parte delle promozioni. (La prima parte non ha la programmazione)

HTML

<div class="col-destra">
<h2 class="categoria">Promozioni</h2>
<div class="prodotti">
<dl>
<dt class="titolo">Notebook Dell</dt>
<dd class="immagine">[img]immagini/portatile.png[/img]</dd>
<dd class="descrizione">[url="#"]Notebook Dell processore Intel Core Duo 2, hard disk 250GB[/url]</dd>
<dd class="prezzo">899€</dd>
<dd class="pulsante">[url="#"][img]immagini/nav_button.png[/img][/url]</dd>
</dl>
</div>
<h2 class="categoria">Novità</h2>
<%
dim strCode
strCode="innovatel"
dim intVolta
intVolta="0"


Set Conn=Server.CreateObject("ADODB.Connection")
strConn="driver={Microsoft Access Driver (*.mdb)}; "
strConn=strConn & " DBQ=" & Server.MapPath("/z21/mdb/z21.mdb")
strConn=strConn & ";pwd=" & strCode
Conn.Open strConn



Set rs = Server.CreateObject("ADODB.Recordset")



sql= "SELECT TOP 3  *  FROM nuovi_prodotti"
Set rs = Server.CreateObject("ADODB.Recordset")
RS.Open sql, conn,adOpenKeyset


if rs.eof then
sw_eof="1"
end if

if sw_eof="1" then
%>


Nessun nuovo prodotto inserito</p>
<%
end if
 while not rs.eof
%>

<div class="prodotti">
<dl>
<dt class="titolo"><%=rs("nome")%></dt>
<dd class="immagine">[img]immagini/plasma.png[/img]</dd>
<dd class="descrizione">[url="/acquisti/carrello.asp?Id=<%=rs("]"><%=rs("descrizione")%>[/url]</dd>
<dd class="prezzo"><%=rs("prezzo")%></dd></td>
<dd class="pulsante">[url="/acquisti/carrello.asp?Id=<%=rs("]">[img]immagini/nav_button.png[/img][/url]</dd>

</dl>

</div>
<%
rs.movenext
wend
rs.Close
set rs = Nothing
conn.Close
set conn = Nothing
%>

</div> 

CSS

.col-destra {
float: right;
width: 785px;
height: auto;
border-left: 1px solid #cccccc;
font-family: Tahoma, "Trebuchet MS", sans-serif;
}

.categoria {

height: 30px;
font-size: 13px;
padding-top: 6px;
padding-left: 6px;
margin-bottom: -10px;
color: #FFFFFF;
background: url(immagini/colsx_h1.jpg) repeat-x;
}

.titolo {
padding-top: 4px;
padding-left: 6px;
font-size: 13px;
color: #FFFFFF;
height: 20px;
background: url(immagini/colsx_h1.jpg) repeat-x top;
}

.prodotti{
margin-top: 20px;
margin-left: 10px;
width: 180px;
height: 244px;
background: url(immagini/sfondo_prod.png) repeat-y ;
}

.immagine{

margin-top: 6px;
margin-left: 45px;
width: 90px;
height: 90px;
}
.descrizione{

width: 90%;
font-size: 11px;
margin-top: 3px;
margin-left: 20px;

}

.prezzo{

margin-top: 3px;
margin-left: 20px;
font-size: 16px;
color: #006699;
}

.pulsante{
padding-top: 20px;
padding-left: 20px;
}