Semplice template da personalizzare con struttura basata su soli css senza uso di javascript per mantenere il footer del sito sempre in basso.
Il template รจ scaricabile anche dal link a destra
ISTRUZIONE MOLTO PIU' SEMPLICE
position:absolute; bottom:0; margin:0;
E IL DIV STA' IN BASSO SENZA DOVER TOCCARE NULLA NELLA STRUTTURA
<html>
<head>
<style type="text/css">
/*qui le regole CSS*/
* {margin: 0;}
html, body {height: 100%;}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
text-align: center;
background:url("http://www.spataro.info/00impianto/sfondoesterno_mio.jpg") top center no-repeat;
}
#contenuto{
width: 700px;
height: 500px;
border: solid 1px #cccccc;
text-align: left;
margin: 0 auto;
background:url("http://www.spataro.info/00impianto/sfondoesterno_mio.jpg") top center no-repeat;
}
.push {
height: 4em;
}
.footer {
height: 200px;
background-color: #009900;
text-align: center;
}
#piede{
width: 700px;
height: 200px;
border: solid 10px #cccccc;
margin: 0 auto;
}
</style>
</head>
<body>
<div class="wrapper">
<div id="contenuto">
<H1>titolo della pagina</H1>
<div id="upvisual">link - link - link</div>
<div id="visual">testata</div>
<div id="downvisual">link - link - link</div>
<div id="corpo">
<div id="navvert" style="float:left; clear:both; border:1px solid #000000; width: 190px;">
<UL>
<LI><B>asdasdasd</B></LI>
<LI><B>asdasdasd</B></LI>
</UL></div>
<div style="float:right; border:1px solid #000000; width: 498px;">
Qui ci inserisci i contenuti che vuoi<BR>
con 2 immagini di sfondo, una per lo sfondo al 100%<BR>
e uno per il corpo contenuto<BR><BR><BR><BR><BR><BR><BR><BR><BR>
</div>
</div>
</div>
<div class="push"></div>
</div>
<div class="footer">
<div id="piede">
</div>
</div>
</body>
</html>
