Stavo consultando la guida di Fulciniti sui layout e in particolar modo il layout a 3 colonne con header fisso e la lunghezza delle 3 colonne guidata da quella centrale dei contenuti, quindi con questo css:
Lo preferisco rispetto a quello tutto fluido, ma il fatto che la lunghezza della colonna dei contenuti guidi poi il posizionamento del footer credo possa darmi noia nel caso in cui abbia una pagina con un contenuto "corto". In questo caso cosa è meglio fare?codice:/*stili per il layout fluido*/ html,body{margin: 0;padding:0} body{font-family: arial,sans-serif;font-size: 76%} div#container{position: relative} /*stili generici, su header e footer*/ div#header{height: 80px;background-color:#36C;color: #ff0} h1,h2{margin: 0;padding:0} h1{padding-left:10px;font: bold 2.3em/80px arial,sans-serif} h2{color: #69f;font-size: 1.5em} div#footer a{color:#fff;font-weight: bold;text-decoration: underline} /*stili specifici per il layout*/ div#navigation{position: absolute; top: 80px; left: 0; width: 160px;\width:170px;w\idth:160px;padding: 1em 0 0 10px} div#extra{position: absolute; top: 80px; right: 0; width: 160px;\width:170px;w\idth:160px;padding: 1em 5px} div#content{margin: 0 170px; border-style:solid; border-width:0 1px; border-color:#ccc; padding:1em 10px; } div#footer{text-align:center; padding: 5px 0; background-color: #69c; color: #000} /*stili per la navigazione*/ div#navigation ul{margin: 0;padding: 0; list-style-type: none} div#navigation li{margin: 0;padding: 0} div#navigation a{color:#369;font: normal bold 1.2em/1.4em arial,sans-serif;text-decoration: none} div#navigation a:hover{color: #033;text-decoration: underline} div#navigation a#activelink{color: #033;text-decoration: none} div#navigation p{font-size: 90%} /*stili per la sezione extra*/ div#extra div.newsbox{font-size: 90%;margin-bottom: 2em} div#extra div.newsbox h2{color: #999;font-size: 1.2em} div#extra div.newsbox p{margin: 0}Torna indietro
1) riempire fittiziamente la pagina per allargarla?
2) e nel caso in cui una pagina abbia tantissimi contenuti che succede? il footer me lo mette sotto sotto? Non mi sembra molto elegante...
3) avevo provato ad apportare questa modifica alla riga dove viene definito il "content" così fatta:
In questo caso avrei il vantaggio che ogni pagina mi sta sempre diciamo su una videata (cosa che personalmente preferisco...) però poi dovrei andare a mettere lo scroll attivo anche sulla navigazione e sui contenuti extra visto che potrebbero essere più lunghi di 450px...codice:div#content{margin: 0 170px; border-style:solid; border-width:0 1px; border-color:#ccc; padding:1em 10px; height: 450px; overflow: auto; }
Il consiglio da esperti qual è?
Quello di avere una sola videata però col rischio di riempirla di scrollbar o quella di avere il rischio di trovarsi col footer a metà videata oppure che per trovarlo devo scrollare parecchio?
Grazie per ogni vostro intervento!

Rispondi quotando