Ciao,
ho creato una pgina con css nella quale inserisco delle informazioni che possono variare in lunghezza, il problema avviene in Fire Fox e Opera, praticamente il contenitore si allunga però si sovrappone al footer...!! vi posto il codice css:
Grazie dell'aiuto! ciao ciao
html,body{
margin: 0;
padding:0;
background-image: url(button/bg.jpg);
background-repeat: repeat-x top;
height: 100%;
}
body{
font-family: arial,verdana,MS Sans Serif;
font-size: 12px;
text-align: center;
color: #676767;
}
div#container{
width: 720px;
margin: 0 auto;
text-align: left;
position: relative;
height: 100%;
}
div#header{}
h1,h2{margin: 0;padding:0}
h1{color: #676767; font-size: 20px; text-align: center;}
h2{color: #676767; font-size: 16px; text-align: center;}
div#footer a{font-size: 10px;letter-spacing: 1px;color: #676767;font-weight: normal;text-decoration: none}
div#footer a:hover{font-size: 10px; letter-spacing: 1px;color: #c13755;font-weight: normal;text-decoration: none}
div#navigation{
width: 145px;
float: left;
}
div#content{
background: url(button/bg_content.jpg);
padding:0;
margin-top: 5px;
height: 100%;
}
div#contenuti{
margin-left: 140px;
margin-right: 37px;
padding: 1em;
}
div#footer{
text-align: center;
color: #000;
height: 40px;
font-size: 11px;
color: #676767;
bottom: 0;
background: url(button/bottom_content.jpg);
}
div#copy{
text-align:center;
color: #000;
font-size: 11px;
}