Un saluto a tutti gli utenti del forum, scrivo per esporre un problema con un layout che sto cercando di creare, utilizzando non più i div ma i nuovi tag di HTML5.

Ecco spuntare non pochi problemi man mano che si vanno aggiungendo elementi.

a quest'indirizzo ho uplodato la mia pagina : http://havingroove.altervista.org/


Il problema è nato quando ho suddiviso all'interno del tag section con id#main la struttura dei contenuti che tra l'altro prevedono una side bar a destra per contenuti fissi.

l'articolo contenuto in <section> esce fuori dal #main al quale ho assegnato un'altezza:auto, inoltre il footer non si posiziona naturalmente a fine pagina, ma ho dovuto posizionarlo dinamicamente, il problema è che non resterebbe attaccato a piè di pagina man mano che inserisco contenuti. Ho scritto diverse volte il codice cercando una semantica che sia più logica possibile ma non riesco a trovare una soluzione adatta . Un grazie in anticipo