problemi con p che non appaiono dentro div...

[gianiaz]

Ragazzi ho un problema, questo è il mio codice:

<div id="footer">
<p class="left">Nome Azienda</p>
<p class="right">data e ora:</p>
</div>

e questo il foglio di stile:

#footer
{
background-color: #5e5e5e;
width:100%;
border:1px solid white;
}
.left
{
float:left;
}
.right
{
float:right;
}

in pratica in questo modo vorrei mettere un riquadro attorno alle informazioni nel footer, invece vedo il bordino bianco dato nel footer come se il div fosse vuoto, e le scritte appaiono sotto, sapreste spiegarmi il motivo e darmi una soluzione?

grazie

[floyd46]

ciao
prova a dare un'altezza al footer.
Floyd

[gianiaz]

Originariamente inviato da floyd46
ciao
prova a dare un'altezza al footer.
Floyd

grazie, cosi funziona.
Funziona anche mettendo uno spazio bianco (&_nbsp, ma non so quale dei due metodi è corretto, in realtà credo che il div dovrebbe auto dimensionarsi se vedesse qualcosa al suo interno (come quando metto lo spazio), no?

[floyd46]

non è proprio così; con i div funzia diversamente.
Un div al quale nn è stata attribuita l'altezza, viene considerato vuoto.
Floyd

[gianiaz]

aspe, se io scrivo:

<div>
a
b
c
</div>

questo prende l'altezza delle 3 righe,mentre se scrivo:

<div>



a
b
c
</p>
</div>

non lo fa.

Volevo capire la differenza fra le 2 cose...

grazie, ciao