Buongiorno a tutti. Sto creando un layout personalizzato senza table utilizzando div e span.
Praticamente utilizzo le particolarità di div per "disegnare" una colonna della pagina mentre uso span per le righe in questo modo:
codice:
<div class="header">
    <span class="oggetto1">...</span>
    <span class="oggetto2">...</span>
</div>
<div class="corpo">
    <span class="menu">...</span>
    <span class="testo">...</span>
</div>

<div class="footer">
    <span class="footer1">...</span>
    <span class="footer2">...</span>
</div>
Il problema che ho riscontrato è il seguente:
nella classe footer ho creato due oggetti con background differenti.
I due oggetti rimangono staccati di 5px se il codice è scritto come sopra, lo spazio non appare se invece lo scrivo senza andare a capo in questo modo:

codice:
    <span class="footer1">...</span><span class="footer2">...</span>
Questo problema me lo dava con le <img> se non inserivo l'attributo align, ma per lo span come risolvo?

Grazie a tutti per i suggerimenti e aiuti