Hola a tod@s, estoy tratando de tener un height auto-ajustable, pero sin usar tablas (ni tablas css).
Lo que quiero es que fila1 mida 20px de alto (height) y que fila2 mida el resto del espacio libre de #capa.
Código:
<html>
<head>
<style type="text/css">
#capa {
width: 200px;
height: 100px;
background-color: red;
}
.fila1 {
height: 20px;
background-color: orange;
}
.fila2 {
height: auto;
background-color: green;
}
</style>
</head>
<body>
<div id="capa">
<div class="fila1">a</div>
<div class="fila2">b</div>
</div>
</body>
</html>
PD: El tamaño de #capa no es fijo, varia usando jquery ui.
Saludos y gracias