[CSS] Spazio "in verticale" tra div

[paola.mi]

[CSS] Spazio "in verticale" tra div

Buon giorno a tutti.
Ho creato un layout con: div sinistro dove c'è il menù, poi a destra affiancati due div.
Ora... questi due div devono diventare "più righe di due div", ovviamente sottostanti.
Vorrei inserire uno spazio tra le "righe che contengono i due div" ma non riesco a capire come fare.
Avevo pensato di creare un altro div lungo 100% e non impostare il background-color, in modo che fungesse da spazio tra le righe, ma mi sembra un po' sporca sta cosa.
Qual è la maniera corretta?
Vi allego l'esempio dove, ovviamente, i div restano attaccati.

Grazie!

[URL=http://img55.imageshack.us/my.php?image=esempioerrore3pc.gif]

[claudioweb]

Puoi inpostare nel css la proprietà

margin-bottom: Xpx;

dove X è il numero di pixel di spaziatura da lasciare sotto al div.

[paola.mi]

Grazie Claudio, è venuto.

Ma se volessi essere proprio pignolina... mettendo il margin-bottom ovviamente mi stacca l'ultimo div dal footer che io, invece, vorrei attaccato...
Non si può, vero?

[claudioweb]

Certo che si può, e anche con più soluzioni...
Visto si tratta solo di un div la cosa che penso ti convenga fare è sovrascrivere lo stile nell'html cioè anziche inserire il div così:

<div> ... contenuti... </div>

fai così:

<div style="margin-bottom:0px;"> ... contenuti... </div>

[paola.mi]

mhhh... mi sa che devo creare un div separato, perché io ho così nel css:

.centercol_1 {
float: left;
margin-bottom: 10px;
width: 35%;
height:120px;
padding:10px;
background-image: url(immagini/sfondo2.jpg);
background-repeat: no-repeat;
border: 1px solid #000000;
font-family : Verdana;
color :;
font-size: 11px;
text-align: justify;
}

[claudioweb]

Puoi anche creare una classe separata, però confermo che in questo caso puoi semplicemente aggiungere la parte in rosso

<div class="" ... etc... etc.... style="margin-bottom:0px;">

all'ultimo div.

[paola.mi]

Grazie mille, Claudio. Ho aggiunto al <div> come mi hai detto tu...