Spazio fra 2 div perché ?

[lucker]

Perché in firefox questo codice

<div id="all">
<div id="top" style=" width:800px; margin:0 auto; background-color:#FFFACD; height:69px;">
[img]img/logo.png[/img]
<span style="position:relative; top:-15px;">home azienda servizi portfolio contatti
</span>
</div>

<div id="middle" style="width:800px; margin:0 auto; background-color:#FFFDE8;">
<div id="sx" style=" margin:0;width:40%; background-color:#0066FF; position:relative;">


Sinistra </p>

</div>
<div id="ct" style=" margin:0;width:20%; background-color:#99FFFF; position:relative; left:40%;">Centro </div>
<div id="dx" style=" margin:0;width:40%; background-color:#FFFF66; position:relative; left:60%">Destra </div>
</div>

</div>

mi crea uno spazio di separazione ? Da cosa dipende ? In IE non c'è. :master:

[Mich_]

Quale spazio? Tra quali <div>?

NOTA1: quando posti codice scrivilo usando gli appositi VB code, mediante i pulsanti # oppure PHP del form di inserimento.
NOTA2: separa sempre il CSS dall'HTML: risulta molto piu` leggibile.
NOTA3: psota anche la DTD usata, altrimenti non si puo` interpretare il linguaggio.

Comunque ci sono errori nel CSS: uno <span>, essendo un elemento inline, non puo` avere posizionamenti.
E c'e` un errore semantico: una lista si deve rendere con i tag <ul> e[*].

[lucker]

scusa, pensavo che lasciando così il codice, se lo si incolla dentro il body di una pagina vuota si vedeva subito il problema.

comunque il problema era fra div TOP e MIDDLE, mi creava uno spazio di separazione al quale non sono riuscito a dare una risposta.

[oskaron]

Forse... non leggo molto bene a quest' ora, perchè sono elementi di blocco e quindi creano lo spazio appunto, se puoi ( e se è cosi) li togli, altrimenti prova a dichiararli inline ma non credo che cambi

[enzo845555]

Devi togliere il tag

</p> nella scritta "Sinistra", così:

<div id="all">
<div id="top" style=" width:800px; margin:0 auto; background-color:#FFFACD; height:69px;">
[img]img/logo.png[/img]
<span style="position:relative; top:-15px;">home azienda servizi portfolio contatti
</span>
</div> 

<div id="middle" style="width:800px; margin:0 auto; background-color:#FFFDE8;">
<div id="sx" style=" margin:0;width:40%; background-color:#0066FF; position:relative;">
Sinistra
</div>
<div id="ct" style=" margin:0;width:20%; background-color:#99FFFF; position:relative; left:40%;">Centro </div>
<div id="dx" style=" margin:0;width:40%; background-color:#FFFF66; position:relative; left:60%">Destra </div>
</div>

</div>