[css] separazione del box colonna sx dall'header

[blur]

non ho capito una cosa,
in un layout a tre colonne, è possibile staccare il #colonna-sx .box dall'header?

cioè così com'è il bordo del .box della colonna sx ( con border visibile)è attaccato all'header, mentre vorrei metterlo più in basso.
non so se mi sono spiegato bene.

#header {
border-top: 0px solid #ccc;
border-bottom: 1px dotted #fff;
background: #333366;
color: #FFF;
}


#colonna-sx {
float: left;
width: 27%;
color: #000;
border: 1px dashed;
}

#colonna-sx .box {
padding: 20px;
}

grazie

ciauz

[Dennis]

con il padding sul box setti la distanza che il CONTENUTO del box tiene dal box. Per settare quello che dici tu, devi usare margin, nella fattispecie credo margin-top

[blur]

ciao,

infatti non mi riferivo al padding, quello lo uso lo stesso per come dici tu, distanziare il contenuto dai bordi.
infatti leggendo in una guida, margin-top serve per distanziare il box stesso dagli elementi adiacenti.

solo che con margin-top non funzia....
può dipendere dal float:left?
:master:

[Dennis]

:master:

<div style="background-color:aqua;width:100px;height:400px">
<div style="background-color:yellow;width:80px;height:200px;margin-top:100px;">
</div>
</div>

[blur]

si si, ho provato come hai scritto, in una pagina vuota e funziona,
ma nel mio caso non vuole saperne..

[blur]

ah! che stupido! ho inserito il margin-top sul .box anzichè nella colonna sx...scusa!

risolto...
grazie