Distanza tra box div

mrblade

Distanza tra box div

Ho realizzato un box in css per il mio sito che deve contenere le info per il download del relativo file. Questo box viene ripetuto più volte nella stessa pagina ma la distanza tra essi è inesistente.
Ho provato con:
<br /><br /> e non succede nulla
<p> </p> e non succede nulla
<div style="width:100%; height:4em;"></div> e non succede nulla.
Eccovi il codice:

HTML:


<div class="rawdl"><div class="titolodl">Titolo: </div></div>
<div id="sxdl" style="height:110px"><div class="imgdl"><img src="immagine.jpg" width="100" height="80" border="0" align="left" /></div></div>
<div id="cdl" style="height:110px"><br /><br />Descrizione del file</div>
<div id="dxdl" style="height:110px">Link: Download<br />Grandezza: <br /> Giudizio:<br /> File:</div>

CSS:


#sxdl{
float: left;
width: 20%;
margin: 0px;
padding: 0px;
background-color: #99ccff;    
}

#dxdl{
float:right;
width: 23%;
background-color:#99ccff;    
}

#cdl{
float: left;
width: 57%;
background-color:#99ccff;
}

.titolodl{
margin-left:8px; margin-top:2px}

.imgdl{
margin-left:13px; margin-top:10px}

.rawdl{
width:100%; background-color:#99ccff;}

claudioweb

Ciao mrblade

per impostare un margine basta aggiungere nel css

 margin:XXpx;

dove XX indica il numero di pixel.

Ciao

mrblade

niente... ci avevo già provato.
Ho messo un

.spacedl{
width:100%; margin:25px}

``` tra i due box ma come immaginavo non cambia nulla. Secondo me c'è qualche errore di struttura... non lo so.
Se può aiutare posso scrivere l'indirizzo della pagina incriminata...

claudioweb

Si scrivi l'indirizzo.

Comunque il margine dovevi impostarlo direttamente ai div contenitori, e non metterne un altro come spaziatore.

mrblade

Ho risolto il problema della distanza
ora però ho notato che solo con alcune risoluzioni, compresa la mia a 1280*800, appare una misteriosa riga biana sottile tra i div cdl e dxdl, credo sia un problema di dimensioni delle larghezze ma se queste le aumento il div dxdl si "disallinea" con gli altri, che devo fare? Sti css mi intrigano
La pagina è http://www.bladexperience.com/humors/animazionitest.php

claudioweb

Non vedo la riga a cui fai riferimento, prova ad impostare per tutti i div

border:0;