Ver Mensaje Individual
  #1 (permalink)  
Antiguo 24/02/2012, 21:03
isabelramirezmontoya
 
Fecha de Ingreso: noviembre-2010
Mensajes: 204
Antigüedad: 14 años
Puntos: 1
Como definir un height dinamico

Buenas noches

Chicos me pueden colaborar con la siguiente duda:

Tengo un contenedor que contiene un par de contenedores uno al lado del otro. Los contenedores internos varian de tamaño razon por la cual requiero que el contenedor principal crezca de forma dimanica en altura cuando los internos crezcan.

El problema es que tengo que marcar en el contenedor principal la propiedad height con un valor fijo ya que cuando lo pongo auto se desaparce.

El codigo que uso es el siguiente:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>

<title></title>

<style type="text/css">

#contenedor
{
width: 986px;
margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px;
padding: 0;
height: 200px;
background: yellow;
}

.contiene1
{
float: left;
width: 400px;
margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px;
padding: 0;
height: auto;
background: blue;
}

.contiene2
{
float: left;
width: 300px;
margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px;
padding: 0;
height: auto;
background: red;
}

</style>

</head>

<body>

<div id="contenedor"><div class="contiene1">** ABC **</div><div class="contiene2">** DEF ** </div></div>


</body>
</html>

Gracias por su tiempo

Isabel