Visualizzazione dei risultati da 1 a 2 su 2
  1. #1

    problema del footer con un file xhtml

    Salve ...
    Intanto mi scuso x il post di prima ....

    Cmq avrei un problema con questa pagina xhtml ....

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Documento senza titolo</title>
    <style type="text/css">
    html,body {
    margin: 0;
    padding:0;
    height:100%;
    }
    body {
    background-color : #FFFFFF;
    padding : 0px;
    }
    body, td, th {
    color : #333333;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 11px;
    }
    div#main {
    position:relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    text-align: left;
    }
    div#footer{
    position: absolute;
    bottom:0px;
    width: 100%;
    padding: 0 auto;
    height : 24px;
    margin:0;
    text-align:center;
    left: -3px;
    background-color:#003366
    }
    #header,#cleaner {
    margin-left : auto;
    margin-right : auto;
    width : 100%;
    }
    div#core{
    padding: 1em 1em 5em;
    background-color:#33CC66
    }
    </style>
    </head>

    <body>
    <div id="main">
    <div id="header"> </div>
    <div id="core"> </div>
    <div id="footer"> </div>
    </div>
    </body>
    </html>


    Ho il footer che mi va sopra al div "core" quando accorcio la pagina !!
    Come devo fare.. ??
    Hutton

    "Una tela bianca, offre infinite possibilità."

  2. #2
    A prima occhiata credo sia il position:absolute che ti crea problemi, prova a cambiarlo con position:relative

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.