Visualizzazione dei risultati da 1 a 2 su 2

Discussione: problema con footer

  1. #1
    Utente di HTML.it L'avatar di elyy82
    Registrato dal
    Jul 2007
    Messaggi
    61

    problema con footer

    Ciao a tutti!
    ho un problema e spero di spiegarmi: non riesco a fare in modo che il mio footer stia in basso quando il div centrale si allunga.
    Posto il codice cosi è più chiaro:

    <div id="container">
    <div id="top">
    <div align="center">[img]images/logo.gif[/img][img]images/home.gif[/img]</div>
    </div>
    <div id="menu"></div>
    <div id="ombra"></div>
    <div id="contenuto">
    <div id="inside">


    asd</p>


    asd</p>


    asd</p>


    asd</p>


    asd</p>


    asd</p>


    asd</p>


    asd</p>


    asd</p>


    asd</p>


    asd</p>


    asd</p>


    asd</p>


    asd</p>


    asd</p>


    asd</p>


    asd</p>


    asd</p>


    asd</p>
    </div>

    <div id="footer_interno"></div>
    </div>
    </div>


    </body>


    CSS:
    body{
    background-color:#000000;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#FFFFFF;
    margin:0px;
    padding:0px;

    }

    #container{
    margin:0px auto;
    width:850px;
    position:relative;

    }


    #contenuto{
    position:relative;
    }


    #menu{
    height:39px;
    width:776px;
    margin-left:37px;

    }

    #ombra{
    background-image:url(images/ombra.jpg);
    background-repeat:no-repeat;
    background-position:center;
    height:27px;
    font-size:10px;
    text-align:right;
    }


    #inside{
    margin:0 auto;
    height:600px;
    width:700px;
    text-align:justify;
    font-size:12px;

    }

    #footer_interno{
    position:absolute;
    height:50px;
    width:100%;
    bottom:0px;
    height: 78px;
    font-size:11px;
    text-align:center;

    }


    Come vedete il footer non sta in basso se metto del esto nell'#inside..
    Ora, non sono sicura della posizione del Div footer_interno all'interno dell'html, nè dove devo specificare le altezze nei div interni...

    Qualche aiutino??
    grazie

  2. #2
    Utente di HTML.it L'avatar di elyy82
    Registrato dal
    Jul 2007
    Messaggi
    61
    Ragazzi, ho risolto....

    ho posizionato il div all'interno del Div Inside e tolto la posizione assoluta al footer.
    Seguente codice, cosi magari può essere d'aiuto ad altri:

    <div id="container">
    <div id="top">
    <div align="center">[img]images/logo.gif[/img][img]images/home.gif[/img]</div>
    </div>
    <div id="menu"></div>
    <div id="ombra"></div>
    <div id="contenuto">
    <div id="inside">


    asd</p>


    asd</p>


    asd</p>


    asd</p>


    asd</p>


    asd</p>


    asd</p>


    asd</p>


    asd</p>


    asd</p>


    asd</p>


    asd</p>


    asd</p>


    asd</p>


    asd</p>


    asd</p>


    asd</p>


    asd</p>


    asd</p>

    <div id="footer_interno"></div>
    </div>


    </div>
    </div>


    CSS:
    #footer_interno{

    height:50px;
    bottom:0px;
    height: 78px;
    font-size:11px;
    text-align:center;

    }



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 © 2026 vBulletin Solutions, Inc. All rights reserved.