Layout a tre colonne con colonne fisse: html, css, layout

Sto cercando un layout a tre colonne (schermo intero) con intestazione e piè di pagina (Design non liquido / fluido). cioè

• quando ridimensiono il mio browser, il mio contenuto non dovrebbe essere sostituito.
• Inoltre, non importa quanto una delle tre colonne sarà il piè di pagina più lungo vieni in fondo
• Infine, anche se non ci sono contenuti nelle 3 colonne per riempire la pagina, il piè di pagina arriverà in fondo.

(Anche bisogno di suggerimento, quale metodo è utile per mantenere il mio design costante in quasi tutti i principali browser, vero? %(tabella, tr, td), px o em ?)

In altre parole, proprio come su Facebook.

risposte:

SE stai cercando un design a 3 colonne tu "meglio andare con elementi div e utilizzando una certa percentuale per ogni colonna. Se si utilizza una larghezza fissa in px o em, si può finire in difficoltà (colonne che si spostano l'una di seguito all'altra) con il ridimensionamento eccessivo. Tuttavia, se si utilizza una percentuale e si ridimensiona, si avranno problemi anche sotto una certa risoluzione, ma per risoluzioni maggiori% sono di solito più perfetti. Uno svantaggio dell'approccio percentuale è che non è possibile disporre sempre la pagina come si desidera esattamente, poiché la percentuale fa cambiare le colonne in larghezza a seconda dello schermo visualizzato.

Accertarsi che il piè di pagina si trovi sotto le colonne può essere ottenuto utilizzando a chiaro tag css sull'ultima colonna o su un elemento br dopo la colonna ma prima del piè di pagina, ad esempio.

Aggiornare:

Un esempio del layout a 3 colonne con il piè di pagina in basso: http://puu.sh/9tga

Esempio con 3 colonne, intestazione, piè di pagina: http://puu.sh/9tm6

Esempio con intestazione e piè di pagina fissi: http://puu.sh/9toj

Sembra che tu possa usare Twitter Bootstrap e usa il layout a 3 colonne (o scegli tra le altre).