Realizzare un layout sticky footer con colonne fullheight grazie alle table css

Nel nostro lavoro di sviluppatori ci capita spesso di doverci confrontare con problemi più o meno complessi.

Due di questi problemi sono la realizzazione di una pagina alta almeno il 100% della finestra del browser (di cui ho già parlato in questo articolo) e la realizzazione di uno sticky footer (footer tenuto sempre in basso a prescindere dalla lunghezza del contenuto).

Sono situazioni divenute talmente comuni che ormai forum e blog pullulano di metodi per risolverli. A me però è capitata una situazione un po’ più particolare: il problema era rappresentato dai due precedenti fusi assieme!

Come fare quando si vuole realizzare una pagina che abbia uno sticky footer e nello stesso tempo avere un contenuto che occupi il 100% dello spazio centrale compreso tra header e footer?

Credo sia inutile dirvi che un semplice height:100% non funziona, ma se continuate a prestare attenzione al mio articolo saprete come risolvere questo problema sfruttando le CSS table. || Leggi altro »