• User

    Problema con footer da mettere fisso in fondo alla pagina

    Ciao 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;
    }


  • User

    Ah ho già provato con il position: absolute; e bottom: 0; ma non funziona 😞


  • User

    up, vi sarei davvero grati se riusciste ad aiutarmi! 😞


  • User Newbie

    Potresti postare anche il codice della pagina html?


  • User

    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>

    </body>
    </html>


  • User

    up!


  • User

    up! 🙂