La SECTION si sovrappone a NAV e si attacca a HEADER....

[mickey2011]

Ciao a tutti,

io sto facendo un layout relativo in HTML5. I tag di struttura, HEADER, NAV, SECTION e FOOTER, li ho fatti uno sopra l'altro, quindi tutti larghi uguali, perchè ereditano la width da un DIV CONTAINER largo 980px .
Non riesco a capire il perché, se solo il NAV, lo faccio assoluto (vedi CSS qui sotto), e tutti gli altri realtivi, la SECTION si sovrappone a NAV andando attaccato a HEADER, mentre se NAV lo faccio relativo è tutto ok.

nav {
position: absolute;
width: 980px;
height: 300px;
top: 120px; (da header)
left: 0px;
}

Qualche genio che ne sa a pacchi, che mi svela il mistero? grazie in anticipo!

[Mich_]

E` il comportamento corretto secondo le specifiche dei CSS.

Un oggetto assoluto esce dal flusso degli oggetti statici, e si posiziona per conto suo.
La stessa cosa avviene per gli oggetti float.

Ci sono dei trucchi per sistemare le cose anche con oggetti fuori dal flusso (ora non ricordo quelli per gli assoluti, ma li trovi con una ricerca nel forum), pero` in linea di massima non conviene usare posizionamenti assoluti, tranne casi molto particolari.