Aggiungere lo spazio tra due div

[miki92]

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:

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

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 è:



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?

[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?

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!

[miki92]

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 è:

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

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.