Ciao a tutti,
ho un sito composto banalmente da container , il quale contiene sidebar sulla sinistra e content sulla destra.
Quello che succede con Firefox e non con Internet Explorer durante i test è che:
- se il contenuto della sidebar è più grande di quello del content, io ho un "buco" sotto il content che arriva fino al footer.
- se il contenuto del content è più grande di quello della sidebar, io ho un "buco" sotto la sidebar che arriva fino al footer.
Posto il css dei 3 div in questione:
-container
codice:
#container {
background: transparent url(../images/bgcontainer.png) repeat-y 100% 1px;
margin: 0 auto;
width: 800px;
height: auto;
text-align: left;
min-height: 1600px;
}
-content
codice:
#content {
float: right;
width: 550px;
background: #FFFFFF;
min-height: 300px;
height: auto;
}
-sidebar
codice:
#sidebar {
float: left;
width: 250px;
height: auto;
background: transparent url(../images/bgsidebar.png) repeat-y 0 100%;
}
Sono disponibile a rispondere a qualsiasi domanda in merito....
Grazie in anticipo per l'aiuto