- Home
- Categorie
- Coding e Sistemistica
- Coding
- Problema con footer da mettere fisso in fondo alla pagina
- 
							
							
							
							
							
Problema con footer da mettere fisso in fondo alla paginaCiao a tutto, ho già consultato chi ha avuto prima di me questo problema ma in nessun modo riesco a fissare in fondo alla pagina il footer impostato in questo foglio css. Qualcuno saprebbe darmi una mano? Grazie mille.  /************* GENERAL CSS ************/ body { 
 margin: 0px;
 height:100%;
 padding: 0px;
 background: #010040 url(images/back.png) repeat-y center top;
 text-align: justify;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: #FFFFFF;
 }h1, h2, h3, h4, h5, h6 { 
 font-family: Georgia, "Times New Roman", Times, serif;
 color:;
 }a { 
 font-weight: normal;
 text-decoration: none;
 color: #000117;
 }a:hover { 
 text-decoration: none;
 color:;
 }/************* HEADER STUFF ************/ #header { 
 width: 770px;
 height: 170px;
 margin: -30px auto;
 background: #333333 url(images/header.jpg);
 }margin: 0px; 
 padding: 0px 0px 0px 10px;
 text-align: left;
 color: #3399FF;
 font-size: 3em;
 text-transform: uppercase;
 }margin: 0px; 
 padding: 0px 0px 0px 20px;
 text-align: left;
 font-size: 1.5em;
 text-transform: uppercase;
 }/************* MENU ************/ #menu { 
 width: 770px;
 margin: 0px auto;
 padding: 5px 0px 5px 0px;
 background-color: #700000;
 }margin: 0px; 
 padding: 0px;
 list-style: none;
 text-align: center;
 }display: inline; 
 }padding: 5px 15px; 
 text-transform: uppercase;
 text-decoration: none;
 font-size: 12px;
 font-weight: bold;
 color:;
 }background-color: #467FB4; 
 }/************* CONTENT ************/ #content { 
 width: 770px;
 margin: 0px auto;
 padding: 20px 0px 0px 0px;
 }font-weight: normal; 
 }line-height: 150%; 
 }#left { 
 float: left;
 width: 480px;
 padding: 0px 20px 40px 20px;
 }#right { 
 float: right;
 width: 210px;
 padding: 0px 20px 40px 20px;
 color:;
 }/************* FOOTER ************/ #footer { 
 clear: both;
 width: 768px;
 height: 100% auto;
 margin: auto;
 border-top: 1px solid;
 background: url(images/back-footer.png) repeat-y center top;
 font-size: 9px;
 text-align: center;
 padding: auto;
 color:;} 
 div table tbody tr td font a {
 color: #000075;
 }
 
- 
							
							
							
							
							
Ah ho già provato con il position: absolute; e bottom: 0; ma non funziona  
 
- 
							
							
							
							
							
up, vi sarei davvero grati se riusciste ad aiutarmi!  
 
- 
							
							
							
							
							Potresti postare anche il codice della pagina html? 
 
- 
							
							
							
							
							
Certo! Grazie mille!! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "link"> 
 <html xmlns="link">
 <head><meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>TITOLO</title> 
 <meta content="[email protected]" http-equiv="reply-to" /><meta content="it" name="language" /> <meta content="5 DAYS" name="revisit-after" /> <meta content="author" name="author" /> <meta name="keywords" content="keyword" /> <meta name="DESCRIPTION" description="description" /> <link href="styles.css" rel="stylesheet" type="text/css" /> 
 <style type="text/css">
 <!--
 .Stile6 {
 font-family: "Times New Roman", Times, serif;
 font-size: 24px;
 font-weight: bold;
 color: #FFFFFF;
 }
 .Stile8 {font-size: 13px}
 .Stile10 {font-size: 30px}
 .Stile16 {color: #010040}
 .Stile17 {
 font-size: 11px;
 color: rgb(0, 0, 117);
 }
 .Stile19 {
 font-size: 5px;
 color:;
 }
 .Stile20 {color:}
 -->
 </style>
 </head><script type="text/javascript"> 
 var gaJsHost = (("https:" == document.location.protocol) ? "" : "");
 document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
 </script>
 <script type="text/javascript">
 var pageTracker = _gat._getTracker("UA-5845912-1");
 pageTracker._trackPageview();
 </script>
 <body><div id="header"> 
 <div style="text-align: center; color: rgb(204, 0, 0); font-weight: bold; font-family: Times New Roman;"><span class="Stile6"><span class="Stile16">a</span><span class="Stile16"><br />a</span><br /> 
 TITOLO<br />
 <span class="Stile10">TITOLO</span></span></div></div> <div style="text-align: center;" id="menu"> 
 <ul><li><a href="LINK">Home</a></li> <li><a href="#">CHI SIAMO</a></li> <li><a href="LINK">DOVE SIAMO</a></li> <li><a href="#">LO STUDIO</a></li> <li><a href="LINK">SERVIZI</a></li> <li><a href="LINK">LINK 
 UTILI</a></li><li><a href="LINK">CONTATTI</a></li> </ul> </div> <div id="content"> 
 <div id="left">
 <div style="text-align: center;">
 <table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2"><tbody> <tr> <td><a href="LINK"><img style="border: 0px solid ; width: 150px; height: 159px;" alt="" src="IMG" /></a></td> <td><a href="LINK"><img style="border: 0px solid ; width: 150px; height: 163px;" alt="" src="IMG" /></a></td> <td><a href="LINK"><img style="border: 0px solid ; width: 145px; height: 163px;" alt="" src="IMG" /></a></td> </tr></tbody> 
 </table><font color="#00003e" size="4"><span style="color: rgb(255, 255, 255);">a</span><br /> 
 <br />
 <br />
 </font><font size="4"><span style="color: rgb(0, 0, 117);">V</span></font><font color="#00003e" size="4"><span style="color: rgb(0, 0, 117);"</span></font> </div><p style="text-align: center; color: rgb(0, 0, 117);"><font size="4"></font> <br /> 
 <br />
 </p><p style="text-align: center; color: rgb(0, 0, 117);"><font size="4"></font></p> <p style="text-align: center; color: rgb(0, 0, 117);"><font size="4"> </font></p> <div style="text-align: center; color: rgb(0, 0, 99); background-color: rgb(255, 255, 255);"><br /> <a style="color: rgb(204, 0, 0);" href="mailto:"><font size="4"><strong>MAIL</strong></font></a><br /> <span style="color: rgb(255, 255, 255);">a</span><br style="color: rgb(255, 255, 255);" /> <span style="color: rgb(255, 255, 255);">a</span><br /> </div> </div> <div id="right"> 
 <p><a style="color: rgb(250, 210, 0);" href=""><strong>Scadenze
 del mese</strong></a> <img style="width: 40px; height: 20px;" alt="" src="IMG" /></p>
 <p> </p><p class="Stile8" style="color: rgb(0, 0, 117);"><a href=""><em>Ministero delle Finanze</em></a></p> <p class="Stile8" style="color: rgb(0, 0, 117);"><em><a href="">Agenzia 
 delle Entrate</a></em></p><p class="Stile8" style="color: rgb(0, 0, 117);"><em><a href="">Agenzia 
 del Territorio</a></em></p><p class="Stile8" style="color: rgb(0, 0, 117);"><em><a href="">INPS</a></em></p> <p class="Stile8" style="color: rgb(0, 0, 117);"><em><a href="">INAIL</a></em></p> <p class="Stile8" style="color: rgb(0, 0, 117);"><em><a href="">Google</a></em></p> <p style="color: rgb(0, 0, 117);"><em><span style="font-size: 13px"><a href="">Yahoo</a></span></em><br /> 
 </p>
 </div></div> <div id="footer"><span style="font-size: 10px"><big style="color: rgb(0, 0, 117);"><big><big><big><small><small><small><small>TESTO - <span style="font-weight: bold;">TESTO</span></small></small></small></small></big></big></big></big></span><br /> 
 <span class="Stile19">aa</span><br />
 <span class="Stile17"><big><big>Copyright
  2012 LINK</big></big></span></div> 2012 LINK</big></big></span></div></body> 
 </html>
 
- 
							
							
							
							
							
up! 
 
- 
							
							
							
							
							
up! 