rendered paste body<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><title>Layout a tre colonne con posizionamenti assoluti</title><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><meta name="generator" content="HAPedit 3.0"><style type="text/css">@import url("3cpbordispessi_3.css");a#viewcss{color: #00f;font-weight: bold}</style> <script language="javascript" src="esempio30_files/js.js"></script></head><body><div id="container"> <div id="title_imageheader"> </div> <div id="header"><!-- <img src="prova_news.jpg" alt="prova" title="prova"> --> <div class="center"> <div class="line"> <div class="news"></div> <!--<div class="photos"></div> <div class="videos"></div> <div class="movies"></div> <div class="staff"></div> <div class="contacts"></div> --> </div> </div> </div> <div id="middle"> <h2>Layout a tre colonne - versione con i posizionamenti assoluti</h2> <p>Peril layout a tre colonne con i posizionamenti assoulti nel codice htmlla sezione dei contenuti deve precedere le due colonne laterali, e deveessere la più lunga. Ritengo che siano una caratteristica e un limiteche si compensano a vicenda: migliore accessibilità e chanche diindicizzazione nei motori di ricerca per un limite accettabilissimo.<br>Infattiè raro trovare siti in cui i contenuti delle colonne laterali eccedonorispetto alla colonna centrale, e per tali situazioni si può semprepensare uno snellimento o una riorganizzazione (spostando i contenutinella colonna centrale) dei contenuti delle colonne laterali.</p> <p>Sull'ordine di html delle due colonne laterali non ci sono vincoli: si puòquindi scegliere se disporre prima la navigazione oppure la colonnaextra. Dovendo effettuare una scelta apparentemente ininfluente, si puòoptare per avere la seguente disposizione di codice: header, corpocentrale, colonna extra, navigazione e footer.</p> <p>Peril layout a tre colonne con i posizionamenti assoulti nel codice htmlla sezione dei contenuti deve precedere le due colonne laterali, e deveessere la più lunga. Ritengo che siano una caratteristica e un limiteche si compensano a vicenda: migliore accessibilità e chanche diindicizzazione nei motori di ricerca per un limite accettabilissimo.<br>Infattiè raro trovare siti in cui i contenuti delle colonne laterali eccedonorispetto alla colonna centrale, e per tali situazioni si può semprepensare uno snellimento o una riorganizzazione (spostando i contenutinella colonna centrale) dei contenuti delle colonne laterali.</p> <p>Sull'ordine di html delle due colonne laterali non ci sono vincoli: si puòquindi scegliere se disporre prima la navigazione oppure la colonnaextra. Dovendo effettuare una scelta apparentemente ininfluente, si puòoptare per avere la seguente disposizione di codice: header, corpocentrale, colonna extra, navigazione e footer.<br> <a id="viewcss" href="http://html.it/guide/esempi/layout_css/viewcss.php?css=3cpbordispessi">visualizza il css di questo layout</a> </p> </div> <div id="right"> <div class="newsbox"> <h2>Larghezza delle colonne</h2> <p>La tendenza è avere le due colonne laterali a larghezza fissa e la colonna centrale fluida [...]</p> </div> <div class="newsbox"> <h2>Largezza totale</h2> <p>Un layout a tre colonne si presenta generalmente fluido a larghezza totale, e cioè occupa in ampiezza tutta la larghezza della finestra del browser [...]</p> </div> </div> <div id="left"> <ul> <li><a id="activelink" href="#">Home</a></li> <li><a href="#">Pillole</a></li> <li><a href="#">Contenuti</a></li> <li><a href="#">Grafica</a></li> <li><a href="#">Linguaggi</a></li> <li><a href="#">Webdesign</a></li> <li><a href="#">Software</a></li> </ul> </div> <div id="footer">© 1997-2004 - Grafica, layout e guide sono di esclusiva proprietà di <a href="http://html.it/">HTML.it</a> s.r.l. Note e informazioni legali</div></div><script language="javascript">postamble();</script></body></html>