Foros del Web » Creando para Internet » CSS »

¿Cómo hacer que dos div crezcan igual?

Estas en el tema de ¿Cómo hacer que dos div crezcan igual? en el foro de CSS en Foros del Web. Buenas, La duda que tengo es la siguiente: Tengo 3 divs: container, menu_izq, texto. Container es el contenedor de menu_izq y texto; menu_izq y texto ...
  #1 (permalink)  
Antiguo 21/06/2009, 20:49
Avatar de danico90  
Fecha de Ingreso: febrero-2009
Ubicación: San José, Costa Rica
Mensajes: 148
Antigüedad: 8 años, 10 meses
Puntos: 13
¿Cómo hacer que dos div crezcan igual?

Buenas,

La duda que tengo es la siguiente:

Tengo 3 divs: container, menu_izq, texto.

Container es el contenedor de menu_izq y texto; menu_izq y texto van juntos. Lo que quiero hacer es que si se le mete mucho texto al div llamado texto el height de menu_izq también aumente y los 2 queden del mismo tamaño.

¿Cómo es posible hacer esto?

Gracias.

Dejo el codigo del css:

Código:
.container {
	overflow:auto;
	height:auto;
}

.menu_izq {
	float:left;
	padding-left:20px;
	list-style:none;
	font-weight:bold;
	color:#FFF;
	margin-top:10px;
	width:180px;
	background:url(dg.jpg);
	height:auto;
}

.texto {
	margin-top:10px;
	float:right;
	background-color:#FFF;
	width:790px;
	padding:0px;
	text-align:justify;
	height:auto;
}
  #2 (permalink)  
Antiguo 21/06/2009, 22:48
Avatar de gioramies  
Fecha de Ingreso: febrero-2008
Ubicación: Colombia
Mensajes: 217
Antigüedad: 9 años, 9 meses
Puntos: 14
Respuesta: ¿Cómo hacer que dos div crezcan igual?

Hola. La verdad no se me ocurre que se pueda hacer algo al respecto utilizando CSS, al menos que haya alguna técnica por allí ó algún hack que se ajuste a lo que deseas. Lo que si estoy seguro es que se puede hacer con javascript: capturas la altura del div llamado texto y se la asignas a los demás div que desees, así todos tendrán la misma altura.

Espero que eso te sirva, si es lo que deseas, avisa para seguir ayudándote, o también puedes esperar otras respuestas para ver si son más fáciles y/o ligeras, tampoco puede asegurarte que tengo la posesión de la verdad absoluta Saludos.
  #3 (permalink)  
Antiguo 21/06/2009, 22:54
 
Fecha de Ingreso: marzo-2008
Mensajes: 1.020
Antigüedad: 9 años, 9 meses
Puntos: 21
Respuesta: ¿Cómo hacer que dos div crezcan igual?

Hola. Pueba poniendo a .text y .menu_izqu. Un min-height:xxxpx; height:auto; y overflow:hidden;

Saludos.

y al overflow de .container tambien ponle overflow: hidden;
  #4 (permalink)  
Antiguo 21/06/2009, 23:18
 
Fecha de Ingreso: octubre-2008
Mensajes: 387
Antigüedad: 9 años, 1 mes
Puntos: 18
Respuesta: ¿Cómo hacer que dos div crezcan igual?

1) Al selector "container" ponele la propiedad relative
2) Elimina los heigh de cada uno de los dos restanes divs
3) Defini un selector descendiente del tipo

#contanier br.clear {
display:block
clear: both
}

4) Cuando termines de escrbir el texto agrega un br al final.
5) Asignale la clase clear

Y Listo con eso tendrias lo que queres. Siempre que agrandas el texto se va adapatar el tamaño del div de l menu horizontal.

Probalo y si te llega a funcionar contame.

Saludos.
  #5 (permalink)  
Antiguo 22/06/2009, 06:48
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: ¿Cómo hacer que dos div crezcan igual?

Las palabras mágicas son "columnas equilibradas".
Y discrepando de Gioramies, aquí tienes una estructura ya montada, autor: Mikmoro.
http://www.araudi.net/ejemplos/colum...ilibradas.html

Espero puedas adaptarla a tus necesidades.

Un saludo.
P.D.: Si son más columnas de 2, también hay estructuras ya realizadas, sólo es cuestión de una jaculatoria a google
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #6 (permalink)  
Antiguo 22/06/2009, 08:27
Avatar de gioramies  
Fecha de Ingreso: febrero-2008
Ubicación: Colombia
Mensajes: 217
Antigüedad: 9 años, 9 meses
Puntos: 14
Respuesta: ¿Cómo hacer que dos div crezcan igual?

Maravilloso.
  #7 (permalink)  
Antiguo 22/06/2009, 09:34
 
Fecha de Ingreso: octubre-2006
Mensajes: 562
Antigüedad: 11 años, 2 meses
Puntos: 12
Respuesta: ¿Cómo hacer que dos div crezcan igual?

podrías simular tablas con DIVs también con la propiedad display: table
ahí en araudi también me parece haber visto ese método
  #8 (permalink)  
Antiguo 22/06/2009, 09:47
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: ¿Cómo hacer que dos div crezcan igual?

Cita:
Iniciado por jalex16 Ver Mensaje
podrías simular tablas con DIVs también con la propiedad display: table
ahí en araudi también me parece haber visto ese método
El problema está en que no todos los navegadores entienden el "display: table || table-row || table-cell"
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #9 (permalink)  
Antiguo 22/06/2009, 16:02
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: ¿Cómo hacer que dos div crezcan igual?

Hola:

Cita:
Iniciado por gioramies Ver Mensaje
Lo que si estoy seguro es que se puede hacer con javascript...
¿Y si el usuario tiene desactivado javascript?

Saludos.

  #10 (permalink)  
Antiguo 22/06/2009, 17:28
Avatar de gioramies  
Fecha de Ingreso: febrero-2008
Ubicación: Colombia
Mensajes: 217
Antigüedad: 9 años, 9 meses
Puntos: 14
Respuesta: ¿Cómo hacer que dos div crezcan igual?

¿Joramuro podrías leer de nuevo?

Cita:
Iniciado por gioramies Ver Mensaje
Hola. La verdad no se me ocurre que se pueda hacer algo al respecto utilizando CSS, al menos que haya alguna técnica por allí ó algún hack que se ajuste a lo que deseas. Lo que si estoy seguro es que se puede hacer con javascript: capturas la altura del div llamado texto y se la asignas a los demás div que desees, así todos tendrán la misma altura.

Espero que eso te sirva, si es lo que deseas, avisa para seguir ayudándote, o también puedes esperar otras respuestas para ver si son más fáciles y/o ligeras, tampoco puede asegurarte que tengo la posesión de la verdad absoluta Saludos.
Si el cliente tiene javascript desactivado existe la etiqueta <noscript>.
  #11 (permalink)  
Antiguo 23/06/2009, 15:04
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: ¿Cómo hacer que dos div crezcan igual?

Hola:

Cita:
Iniciado por gioramies Ver Mensaje
Si el cliente tiene javascript desactivado existe la etiqueta <noscript>.
Y ¿qué me quieres decir con eso?

Saludos.

  #12 (permalink)  
Antiguo 25/06/2009, 21:52
Avatar de danico90  
Fecha de Ingreso: febrero-2009
Ubicación: San José, Costa Rica
Mensajes: 148
Antigüedad: 8 años, 10 meses
Puntos: 13
Respuesta: ¿Cómo hacer que dos div crezcan igual?

Gracias a todos por la ayuda, el ejemplo que tome como referencia fue el de kseso? pero no lo entendi, podrias decirme que es lo que hace que los dos div crezcan igual es q estuve tratando y no me sale...

Dejo el codigo para que lo revisen:

Código:
.container1 {
	width:850px;
	margin:20px auto;
	overflow:auto;	
}

.container2 {
	width:500px;
	float:right;	
}

.menu_izq {	
	width:280px;
	float:left;
	padding-left:20px;
	font-weight:bold;
	background:url(dg.jpg);
	position:relative;
	margin-left:-350px;
}

.texto {	
	width:450px;
	float:left;
	padding:20px;
	background-color:#FFF;
}
Gracias.
  #13 (permalink)  
Antiguo 26/06/2009, 00:55
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: ¿Cómo hacer que dos div crezcan igual?

Puedes leer una explicación en este tema de las FAQ de CSS. Verás abajo el enlace a un zip. En él hay un documento que explica el cómo y el por qué.
__________________
Visita mi nueva web idplus.org
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:56.