Newsgroup: it.comp.www.html
Titolo: layout 3 colonne e footer: novità?

ciao a tutti
ho deciso di riprendere in mano il discorso dell' impaginazione con i CSS
dopo un po' di tempo di pausa.
Volevo sapere da voi, perchè cercando su google ecc. non ho trovato, se
per il layout a 3 colonne ( due laterali fisse position ABSOLUTE ) +
header + footer si è scoperto un modo per lasciare il footer sempre in
fondo anche quando non è dato a sapere se la colonna centrale dei
contenuti è più lunga delle altre due ( in quanto popolata da contenuti
estratti da database ).
Intendo soluzioni senza usare javascript per conoscere l' altezza della
colonna e senza usare il float perchè voglio mettere i div nell' ordine di
lettura e non di impaginazione per l' accessibilità e ottimizzazione
motori ricerca.
Avevo anche trovato un modo per simulare il comado min-height per Internet
Explorer, ma non è ancora perfetto perchè se do come misura la lunghezza
del contenuto delle colonne laterali tipo menu navigazione , potrebbe
essere sempre meno se l' utente aumenta il carattere e il menu si allunga.
Insomma, possibile che non ci sia un modo per usare i posizionamenti
assoluti per siti dinamici con il layout a 3 colonne che è il più comune ?
JJ
-- 
questo articolo e` stato inviato via web dal servizio gratuito 
http://www.newsland.it/news
 segnala gli abusi ad 
ab...@newsland.it

 peggio di daniele interrante ormai.
Grazie per la segnalazione, interessantissimo articolo!!! Alcune 
soluzioni le avevamo gia' adottate nella realizzazione dei nostri layout 
tableless, ma non si finisce mai di imparare :-)
Per quanto riguarda la richiesta di Jimbo, vorrei segnalare questi due 
layout per la versione full-page tricolonnare con footer bottom fixed:
http://www.tanfa.co.uk/css/layouts/css-3-column-layout-v2.asp
http://www.pmob.co.uk/temp/3coltest-2.htm
E in alternativa quest'altro, per la versione sempre full-page, sempre 
tricolonnare con footer bottom fixed, e con simulazione di frame scrolling:
http://www.pmob.co.uk/temp/fixedlheader-footer-left.htm
Le soluzioni sono infinite.
Hope this helps.
-- 
Falco Stellare - DeepVoid
www.deepvoid.it

 ma da una rapida lettura e' un lavoro impressionante.
grazie del link, ho provato a leggerlo tutto ,ma già guardando gli esempi
su IE 6 le colonne non erano allineate ( quella a destra scendeva sotto) e
non penso che si possa ritenere affidabile se già richiede manualmente un'
aggiustatina alla dimensione della finestra con il browser più diffuso,
che comunque lascia un gap di qualche pixel tra le colonne.
Non mi do per vinto, a tempo perso cerco sempre la soluzione ( molti lo
chiamano sacro graal questo layout).
Il punto è che con i float non c'è problema, ma io voglio usare i
posizionamenti assoluti per mettere la colonna dei contenuti in cima al
codice,a ltrimenti posso anche rimanere con le tabelle se fatte bene
pulite pulite.
Certo, basta non usare il footer e tutto è risolto, però a volta con
colonne centrali molto corte , avere il testo tiico del footer messo lì a
metà pagina non sta bene visivamente.


dopo un po' di tempo di pausa.
Io ho trovato questa soluzione:
<style>
div#head{
	width:750px;
	height:121px;
}
div#columns{
	width:750px;
}
div#side1{
	width:135px;
	float:left;
	padding-left:5px;
}
div#columns2{
	width:610px;
	float:right
}
div#content{
	width:470px;
	float:left;
}
div#side2{
	width:135px;
	float:right;
	padding-left:5px;
}
div#foot{
	width:750px;
	clear:both;
}
</style>
<html>
	<div id="head">head</div>
	<div id="columns">
		<div id="side1">col sx</div>
		<div id="columns2">
			<div id="content">corpo</div>
			<div id="side2">col dx</div>
		</div>
	</div>
	<div id="foot">piede</div>
</html>
applicata con successo a 
www.veneto-pmi.it
fammi sapere
ciao
andr3a