Distanza tra div

[Alex Lous]

Ciao a tutti,
ho creato una serie di div con ciascuno all' interno un'immagine thumb.
in automatico, terminato la spazio, dopo 5 thumb, va a capo e crea un'altra serie di div.
Su internet explorer il risultato è perfetto mentre su firefox tra una riga e l'altra dei div mi da uno spazio esagerato.

http://www.abcpiantefiori.com/catalogo.asp?sez=piante

a cosa è dovuto?
come e dove posso gestire quella spaziatura quando si va a capo?

GRAZIE A TUTTI

riporto il css:

div#gallery{width: 100%;font: 11px Arial,sans-serif;vertical-align:middle; line-height:200px;}
div#gallery dl{float: left;width:90px; height:90px;background: url(images/polaroid.jpg); text-align: center;color: #555;vertical-align:middle;}
div#gallery dt{padding: 15px 0 0;text-align:center; vertical-align:middle; line-height:90px;}
div#gallery img{display: block;margin:0 auto;border:0px;vertical-align:middle,}


mentre nella pagina:

<div id="gallery">
<%for i = 1 to tot%>
<%'INIZIO CODICE ASP PER RILEVAMENTO DIMENSIONI
Set objImageSize = New ImageSize
With objImageSize
.ImageFile = Server.MapPath("/catalogo/"&rs("sezione")&RS("NOMEJPG")&".JPG")
imgAltezza = .ImageWidth
imgLarghezza = .ImageHeight
End With
Set objImageSize = Nothing

if cint(imgLarghezza) > cint(imgAltezza) then
imgAltezza = imgAltezza * 60 / imgLarghezza
imgLarghezza = 60
else
imgLarghezza = imgLarghezza * 60 / imgAltezza
imgAltezza = 60
end if
'response.write imglarghezza &" x " & imgaltezza
'FINE CODICE%>

<dl><dt><%=RS("NOMEJPG")%>.jpg" rel="lightbox[roadtrip]" title="<%=rs("descrizione")%>">[img]catalogo/<%=rs([/img]<%=RS("NOMEJPG")%>.jpg" alt="<%=rs("descrizione")%>" width="<%=imgLarghezza%>" height="<%=imgAltezza%>" border="0"></dt></dl>
<%RS.MOVENEXT%>
<%next%>
</div>

[Tux7000]

Hai provato a togliere height: 359px dal div?

<div id="oDiv2" style="position:absolute;width:456px;height:359px;left:35px;top:246px;">

Poi, secondo me

div#gallery dt{padding: 15px 0 0;text-align:center; vertical-align:middle; line-height:90px;}

dovrebbe essere

div#gallery dt
{
margin: 15px 0; text-align: center;
}

Prova a vedere cosa succede.

Se posso darti un consiglio crea il tuo sito con Firefox che rispetta gli standard e dopo lo aggiusti per Internet Explorer.

Ciao!

[Alex Lous]

grazie

ho provato a fare come dici ma non è cambiato nulla

altri suggerimenti?

[UmaThurman]

Credo che sia perchè non hai azzerato i margini dei dl (vengono applicati di default) e i margini verticali di elementi flottanti non collassano
Prova così

div#gallery dl{float: left;width:90px; height:90px;background: url(images/polaroid.jpg); text-align: center;color: #555;vertical-align:middle; margin:0;}

[Alex Lous]

SEI UN GRANDE!!
avevi ragione!!

grazie