• User

    primo esperimeno css

    ciao amici sono al pricipio di css,il layout e fisso 800 e 600, il footer non riesco a capie come fare per fissarlo in fondo alla pagina.Mi poete dare un okkiata l codice e magari sistemarlo un po ?grazie

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>U.S. Fiorenzuola Calcio</title>
    <style type="text/css" >
    /stili per il layout fluido/
    html,body{margin: 0;padding:0;height:100%;}
    body{font-family: arial,sans-serif;font-size: 76%;text-align: center}

    div#container{
    width: 760px; height:800px;
    margin: 0px auto; /centra negli altri browsers/
    text-align: left; /ripristina l' allineamento/
    }

    /stili generici, su header e footer/
    div#header{background-color:#000000;color: #FFFF00}
    h1,h2{margin: 0;padding:0}
    h1{
    padding-left:0.5em;
    font: bold 2.3em/80px arial,serif;
    text-align: center;
    }
    h2{color: #000000;font-size: 1.5em}
    div#footer a{color: #fff;font-weight: bold;text-decoration: underline}
    }
    div#footer{position: fixed;bottom:0; width: 100%; padding: 0.5em 0;
    background-color: #69c; color: #000;text-align:center; }
    /stili specifici per il layout/
    div#navigation{background-color:#69c}
    div#content{
    padding: 1em;
    background-color: #FFFFFF;
    }

    /stili per la navigazione/
    div#navigation ul{margin: 0;padding: 0; list-style-type: none;}
    div#navigation li{display: inline; margin: 0 0 0 1em;padding: 0} /nota display: inline/
    div#navigation a{color:#FF0000;font: normal bold 1.2em/2.5em arial,sans-serif;text-decoration: none}
    div#navigation a:hover{color:;text-decoration: underline}
    div#navigation a#activelink{color: #033;text-decoration: none}

    </style>

    <body>
    <div id="container">

    <div id="header">
        <h1 >Mi sum ad </h1>
    </div>
    <div id="navigation">
        <ul>
            <li><a href="#">Cuore RossoNero</a></li>
            <li><a href="#">Storia</a></li>
    
            <li><a href="#">Formazione</a></li>
            <li><a href="#">Sponsor</a></li>
            <li><a href="#">Forum</a></li>
            <li><a href="#">Contattaci</a></li>
            
        </ul>
    
    </div>
    <div id="content">
        <h2>Layout a due colonne con float</h2>
       
     </div>
    <div id="footer">© 2008 Grafica, layout sono di esclusiva proprietà di </div>
    

    </div>
    </body>
    </html>