Quizás con un ejemplo super super simple se verá más claro:
HTML:BODY
Código:
<body>
<div class="principal">
<div class="secundario">
TEXTO
</div>
</div>
</body>
CSS:
Código:
.principal{
padding:0;
position:absolute;
width:98%;
top: 130px;
background:#CCCCCC;
border-width:1px;
border-style:solid;
border-color:#596158;
height:auto !important;
//bottom:30px;
}
.secundario{
float:left;
position:relative;
padding:0;
width:75%;
background:#333333;
left: -2px;
border-width:1px;
border-style:solid;
border-color:#596158;
height: auto !important;
min-height: 100%;
height:100%;
}
Okey, partiendo de esto:
Amí exactamente como está me sale dos divs muy juntos y muy finos. Bien, si descomentamos el bottom, se verá un incremento de los dos divs hasta llegar 30px por encima del final, que eso es lo que quiero cuando hay poco texto como es el caso.
Pero cuando hay mucho texto, sólo se adapta el div secundario, el div primario se queda más pequeño por culpa de la sentencia bottom:30px. Si lo quito, se adaptará bien, pero claro, entonces no me servirá cuando haya poco texto...
PD:Lo siento por molestar tanto con estas dudas pero es que es un sin sentido que me trae loco xD