Layout CSS 2-Column fixed-fluid

Question

Mi chiedevo se qualcuno qui avesse un tutorial abbastanza semplice per il seguente layout css a 2 colonne. Una colonna fissa a sinistra e una colonna di contenuto fluido, con un'intestazione e un piè di pagina e altezze di colonna uguali.

Answer 1

Provare this Dynamic Drive layout e i suoi parenti (che mi è stato indicato tramite una mia domanda simile).

Answer 2

Quello che uso è l'hack del layout di faux-column, che non include scripting.

Ecco un tutorial che sembra essere una semplice spiegazione del concetto: dustinbrewer.com

Ecco l'articolo alistapart.com originale che ho imparato da: alistapart.com

Buona fortuna!

Answer 3

Esiste in realtà una soluzione ancora più semplice a questa che ho scoperto non molto tempo fa. Funziona bene a IE7. Il div #fluid scorrerà verso l'alto accanto alla correzione fissa e occuperà lo spazio rimanente mantenendo una grande fluidità per tutti i siti reattivi.

http://jsfiddle.net/uEj55/1/

#fixed{ 
    width:150px; 
    float:left; 
} 
#fluid{ 
    overflow:hidden; 
}