Cita:
Iniciado por sanxuan Supongo que has probado a mantener la propiedad height:auto en los dos div. .
Si , de hecho así lo tengo:
Css
Código:
.bg_verdoso {background-color:#6DAE37;
height:auto;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;}
.bg_content {background: url(../images/bg_content.png) ;
background-position:center top;
background-repeat:no-repeat;
margin:85px 0;
/*min-height: 698px; */
height: auto;
}
Básicamente he pegado lo mismo que en el anterior post , pero bueno para evitar confusiones he creído conveniente hacerlo.
No la puedo mostrar porque no está subida a inet, esta en local.
De todas formas según yo entiendo
min-height es para darle un mínimo de largo a una capa (siendo este automático) ; lo que no entiendo es porque tengo que darle min-height: 698px y no hace esto automáticamente, cuando todo el contenido al que me refiero está dentro de ambas capas. Voy a pegar todo el html por si las moscas.
Html
Código:
<div id="container">
<div class="top">imagen cabecera</div>
<div class="header">
<div class="user1"><h1>titulo</h1></div>
<div class="menu_head"><div class="user2"></div></div>
</div><!-- end header -->
<div class="cuerpo"><!-- comienza cuerpo -->
<div class="bg_verdoso">
<div class="bg_content"> <!-- comienza bg_content -->
Contenido del sitio (va todo aquí)
</div><!-- end bg_content -->
</div> <!-- end bg_verdoso -->
</div> <!-- end cuerpo -->
<!-- <div class="bg_bt_content"> </div> -->
<div class="clr" />
<div class="footer">créditos</div>
</div><!-- end container -->
Mil gracias por la ayuda :(