ciao ragazzi ho un problemino con il footer in questa pagina la pagina è divisa in un div da 30% di larghezza una da 70% e ce un div all interno di quello da 70% che occupa il 70% di quel 70% ma il mio problema è che ho dato un height auto e un min-height ma quando la altezza supera un certo valore il footer va a sinistra sotto quello da 30% e invece deve rimanere sotto quello da 70% viallego l html e i css vorrei che il footer rimanesse sempre sotto il div da 70%...come si puo fare ?? grz
HTML:
<div id="wrapper">
<div id="img"></div>
<div id="div_container">
<div class="menu_home">
<a href="index.html">
[img]img/home.jpg[/img]
</a>
</div>
<div class="menu">
<a href="biografia.html">
[img]img/biografia.jpg[/img]
</a>
</div>
<div class="menu">
<a href="#">
[img]img/galleria.jpg[/img]
</a>
</div>
<div id="testo">
</div>
</div>
<div class="contact">
[img]img/contact.jpg[/img]
</div>
<div id="footer">
<a href="http://www.facebook.com/">
[img]img/facebook.png[/img]i
</a>
<a href="mailto:Tassinaricristina@gmail.com">
[img]img/lettera.png[/img]
</a>
</div>
CSS:
/*copyright Enrico Casadei
http://enricocasadei.altervista.org/
enrico.casadei1@gmail.com
*/
* {
margin:0px;
padding:0px;
text-align:center;
}
body {
background-color:black;
text-align:center;
}
a {
text-decoration:none;
color:white;
}
img {
border:0px;
}
#wrapper{
height:624px;
width:100%;
margin:auto;
}
#img{
float:left;
background:url('img/cristin.jpg') fixed no-repeat;
min-height:604px;
width:30%;
height:auto !important;
margin-left:0px;
margin-top:20px;
position:relative;
left:0px;
}
#div_container{
float:left;
width:70%;
height:504px;
margin-top:20px;
min-height:500px;
height:auto !important;
position:relative;
left:0px;
}
#testo{
float:left;
color:#424242;
min-height:270px;
height:auto !important;
margin-top:35px;
width:70%;
margin-left:0px;
position:relative;
left:-100px;
text-align:justify;
}
.menu, .menu_home {
float:left;
position:relative;
top:20px;
left:120px;
display:inline;
margin:auto;
}
.menu_home{
top:12px;
}
.contact{
float:left;
position:relative;
left:120px;
top:10px;
}
#footer{
float:left;
height:60px;
width:70%;
position:relative;
top:20px;
}
#footer a{
float:left;
position:relative;
top:15px;
left:74px;
padding-left:46px;
}
#footer a img{
padding-right:9px;
}
grzieee
