• User

    Creazione layout con sfondo sia su body sia su footer

    Ciao a tutti,
    ho realizzato un layout con sfondo sia su body e main_container (il container che tiene tutto) e sia sul footer.
    Nella costruzione mi sono imbattuta in questo problema:
    se non imposto il container con il float questo non si adatta al contenuto ma rimane a misura fissa se all'interno inserisco altri div.
    Impostando il float però il main container si riduce di altezza, cioè include solo gli elementi che non hanno float.
    Cosa ho sbagliato??

    questo è il css

    #main_container { /contiene tutto tranne il footer/
    margin: auto;
    width: 948px;
    padding: 0 26px;
    background:url(../images/bck_cont.gif) no-repeat left top;
    }

    /HEADER/
    #header {
    margin: auto;
    width: 948px;
    height:156px;
    }

    /FASCIA/
    #fascia{
    width:948px;
    height:322px;
    border-bottom:3px solid #006ca1;
    }

    /CONTAINER/
    #container {
    width: 948px;
    height: auto !important;
    height: 600px;
    min-height: 600px;
    padding:0;
    padding-top:20px;
    float:left;
    clear:both;
    }

    /FOOTER/
    #contfooter {
    width:100%;
    float:left;
    clear:both;
    background:#fff url(../images/sfondo.gif) bottom repeat-x;
    }
    #footer{
    width:1000px;
    height:67px;
    text-align:center;
    margin:0 auto;
    margin-top:25px;
    background:url(../images/sfondo_bottom.gif) bottom left no-repeat;
    }


  • User Attivo

    Ciao,
    non ho ben capito sinceramente, potresti postare anche la pagina interessata?

    Comunque in questi casi potrebbe essere una soluzione l'inserimento di un " <div style='clear:both'></div> " dopo l'ultimo oggetto che il contenitore contiene....