Aggiungere lo spazio tra due div

Ehilà ciao a tutti e sopratutto Buon Natale,

ho due div uno sotto l'altro e vorrei aggiungere uno spazio tra di loro e tra il loro contenuto e la fine del div tramite css senza utilizzare i <br /> o <br /><br />, ecc

Il codice in uso è:

CSS:

Codice PHP:

---

.box{
background-color:#FFFFFF;
border:1px #000000 solid;
margin-bottom:7px;
/*margin-top:7px;*/
padding:0 0 0 3px;
}


---

HTML:

Codice HTML:

---

<div class="box"><h2>TOP 100</h2><script type="text/javascript" src="/js/top100.js"></script><br /><br /></div><div class="box"><h2>Pubblicità</h2><script type="text/javascript" src="/js/banner.js?TYPE=bottone"></script></div>

---

Il rispettivo risultato in Internet Explorer ed in Chrome è:

http://img224.imageshack.us/img224/8883/ietm3.png http://img126.imageshack.us/img126/9826/othkq2.png

Il risultato che vorrei ottenere è quello nello screenshot di chrome, attualmente come potete vedere utilizzo <br /><br /> ma vorrei sostituirli con solo codice CSS ma non riesco proprio.

Mi sapreste aiutare?

puoi postare anche le regole del css che vanno a cambiare H2? il margine purtroppo dipende anche da quello sotto IE.

Perché hai un padding di 3px a sinistra?

con css potresti provare a mettere a quello sotto un margin-top: 5px; oppure semplicemente mettere un piccolo div in mezzo tipo: <div style="height:5px"></div>

ciao!

Citazione:

---

Originalmente inviato da dreadnaut

puoi postare anche le regole del css che vanno a cambiare H2? il margine purtroppo dipende anche da quello sotto IE.

Perché hai un padding di 3px a sinistra?

---

Certo scusami, il codice di H2 è:

Codice PHP:

---

h2{
border-bottom:1px #FF0000 dashed;
color:#000099;
margin-top:0;
text-align:center;
}


---

Comunque utilizzo un padding di 3px a sinistra perchè il box lo utilizzo su due colonne, una contiene banners, immagini e la pubblicità di altervista mentre l'altra colonna contiene solo testo e se non aggiungo il padding il testo si unisce al bordo e non si capisce nulla :wink:

Citazione:

---

Originalmente inviato da bluster

con css potresti provare a mettere a quello sotto un margin-top: 5px; oppure semplicemente mettere un piccolo div in mezzo tipo: <div style="height:5px"></div>

ciao!

---

Non voglio mettere codice che sia <br /> o altro (in questo caso div) tra i div da separare e non posso mettere il margin-top perchè altrimenti dopo accade che si sballa la grafica.