Salve a tutti, sto creando un sito con una struttura abbastanza semplice, fatta di <div>. Dato che alcuni di questi <div> sono contenuti all'interno di altri ho usato l'attributo float in css. Il problema è che il <div> madre, cioè quello che dovrebbe contenere tutti gli altri <div>, si ferma quando incontra un flot:left. Faccio un esempio
il <div class="page"> ripete lo sfondo solo fino al <div class="banner">, mentre dovrebbe estendersi per tutta la pagina. Come posso fare?
HTML:
<div class="page" align="center">
<div class="banner"></div>
<div class="cover">
<div class="menu"></div>
<div class="divfoto"></div>
</div>
</div>
HTML:
.page{
background-color:#00FFFF;
height:100%;}
.banner{
width:985px;
height:100px;
background-color:#00F;
border-bottom:#FFFFFF solid 1px;}
.cover{
width:985px;
margin:0px;}
.menu{
width:225px;
height:200px;
float:left;
background-color:#0F0}
.divfoto{
width:760px;
height:200px;
float:left;
background-color:#FF0000}
il <div class="page"> ripete lo sfondo solo fino al <div class="banner">, mentre dovrebbe estendersi per tutta la pagina. Come posso fare?