- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Creazione layout con sfondo sia su body sia su footer
-
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;
}
-
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....