ComO hago que cresca un div automaticamente de forma verticalmente cuando otro crece?

rith · #1 (**permalink**) 25/03/2008, 13:02

saludos a todos

Tengo un problema:
estoy trabajando una pagina que tiene un menu al lado izq., y el contenido lo muestro en otro div al lado dercho pero cuando el del contenido crece el menu no se estira hacia abajo. Como puedo hacer que este div cresca para abajo automaticamente cuando el del conteniod crece ???.

Gracias...

Mikmoro · #2 (**permalink**) 25/03/2008, 13:08

Tienes que hacer que la caja del contenido esté dentro de la del menú.

Mikel.

marilinadg · #3 (**permalink**) 25/03/2008, 23:48

Fijate este link, te podés descargar el css.

http://www.code-sucks.com/css%20layo...x-css-layouts/

Fijate una plantilla que tenga los elementos que necesitás y listo. después lo completás con lo tuyo.
Espero que te sirva!
Saludos

Mikmoro · #4 (**permalink**) 26/03/2008, 02:35

Es decir, por ejemplo:

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1" />
<title>Ejemplo</title>
<style>
#contenedor { border-style: solid;
margin: 0pt auto;
width: 800px;
}
.izquierda { width: 800px;
background-color: rgb(51, 102, 102);
}
.texto_izquierda { float: left;
background-color: rgb(51, 102, 102);
padding-top: 20px;
width: 220px;
padding-left: 20px;
}
.derecha { background-color: rgb(102, 204, 204);
padding-left: 20px;
padding-top: 20px;
margin-left: 240px;
}
</style>
</head>
<body>
<div id="contenedor">
<div class="izquierda">
<div class="texto_izquierda">
<p>El texto que debe salir en la caja de la iquierda</p>
</div>
<div class="derecha">
<p>El texto que debe salir en la caja del centro</p>
<p>El texto que debe salir en la caja del centro</p>
<p>El texto que debe salir en la caja del centro</p>
<p>El texto que debe salir en la caja del centro</p>
<p>El texto que debe salir en la caja del centro</p>
<p>El texto que debe salir en la caja del centro</p>
<p>El texto que debe salir en la caja del centro</p>
<p>El texto que debe salir en la caja del centro</p>
<br />
</div>
</div>
</div>
</body>
</html>

Siento haber sido tan escueto ayer, pero no tenía tiempo.

Mikel.