Salve a tutti, sto da giorni realizzando un sito web strutturato "orizzontalmente" e che quindi, di norma, non dovrebbe mai visualizzare una scrollbar verticale. Purtroppo ho trovato un fastidioso problema.

Diciamo che il mio sito è strutturato così:

Menu 200px a sinistra
Contenuti che si sviluppano orizzontalmente alla destra del menu
Footer presente sotto menu e contenuti.

Se la pagina è della giusta risoluzione non ci sono problemi infatti, uno schema che rappresenta il mio sito funzionante potrebbe essere il seguente:

http://i52.tinypic.com/2rxy3ib.png

E fin qui, come dicevo, nessun problema. Le cose cambiano però quando la pagina o viene ristretta dall'utente, oppure la risoluzione in altezza non è tale da permettere la visualizzazione di tutto il sito.

In quel caso, ovviamente, essendo il footer definito con position "fixed", si va a sovrapporre ai contenuti come di seguito:

http://i53.tinypic.com/28034a8.png

Sostanzialmente il Footer si va a sovraporre ai contenuti essendo logicamente elemento fisso della pagina. Quello che intereserebbe a me, è mantenere comunque il footer fisso in modo che quando scrollo verticalmente il footer non venga mosso, ma allo stesso tempo, quando la pagina è troppo ridotta in altezza per visualizzare sia footer che contenuti, creare una scroll verticale che mantenga il footer alla fine della pagina e che non lo sovrapponga ai contenuti.

Qualcuno ha delle idee?
Grazie in anticipo a tutti!