Foros del Web » Creando para Internet » CSS »

Alto al 100%

Estas en el tema de Alto al 100% en el foro de CSS en Foros del Web. Hola, tengo el siguiente código: Código HTML: <div id= "contenedor" style= "width:210px; height:auto; overflow:hidden; background-color:#999" > <div id= "divIzquierdo" style= "float:left; width:100px; height:100%; background-color:#F00" > ...
  #1 (permalink)  
Antiguo 21/03/2011, 08:20
Avatar de FantasmaFito  
Fecha de Ingreso: junio-2007
Ubicación: Buenos Aires, Argentina
Mensajes: 118
Antigüedad: 16 años, 10 meses
Puntos: 0
Alto al 100%

Hola, tengo el siguiente código:

Código HTML:
<div id="contenedor" style="width:210px; height:auto; overflow:hidden; background-color:#999">
     <div id="divIzquierdo" style="float:left; width:100px; height:100%; background-color:#F00"></div>
     <div id="divDerecho" style="float:right; width:100px; height:230px; background-color:#00C"></div>
</div> 
Lo que quiero lograr es que #divIzquierdo tenga el mismo alto que #divDerecho (osea 230px, pero esta medida va a ser variable) que a su vez será el mismo alto que tomará #contenedor, ya que tiene alto automático.
El problema es que esto no funciona, #divIzquierdo no toma el mismo alto que #divDerecho. Alguien podría ayudarme? Algún consejo??
  #2 (permalink)  
Antiguo 21/03/2011, 08:29
Avatar de GAST0N  
Fecha de Ingreso: agosto-2010
Ubicación: Buenos Aires
Mensajes: 680
Antigüedad: 13 años, 8 meses
Puntos: 64
Respuesta: Alto al 100%

el contenedor tendria que tener el alto del div derecho.. de esa forma el div izquierdo tomaria al 100% esa altura
__________________
Twitter: @GastonArnedo

Muerte a los <tr> y <td>
  #3 (permalink)  
Antiguo 21/03/2011, 08:35
Avatar de FantasmaFito  
Fecha de Ingreso: junio-2007
Ubicación: Buenos Aires, Argentina
Mensajes: 118
Antigüedad: 16 años, 10 meses
Puntos: 0
Respuesta: Alto al 100%

Cita:
Iniciado por GAST0N Ver Mensaje
el contenedor tendria que tener el alto del div derecho.. de esa forma el div izquierdo tomaria al 100% esa altura
Lo que ocurre es que como #divDerecho va atener un alto variable, #contenedor también debería tenerlo :S
  #4 (permalink)  
Antiguo 21/03/2011, 08:46
Avatar de GAST0N  
Fecha de Ingreso: agosto-2010
Ubicación: Buenos Aires
Mensajes: 680
Antigüedad: 13 años, 8 meses
Puntos: 64
Respuesta: Alto al 100%

ponele 100% al derecho tambien entonces.. y un padin top y buton , emmm no se de 10px por ejemplo...
__________________
Twitter: @GastonArnedo

Muerte a los <tr> y <td>
  #5 (permalink)  
Antiguo 21/03/2011, 08:51
Avatar de FantasmaFito  
Fecha de Ingreso: junio-2007
Ubicación: Buenos Aires, Argentina
Mensajes: 118
Antigüedad: 16 años, 10 meses
Puntos: 0
Respuesta: Alto al 100%

Pero es lo mismo, el div izquierdo no toma el alto del derecho...
  #6 (permalink)  
Antiguo 21/03/2011, 09:14
Avatar de ContactarNET  
Fecha de Ingreso: septiembre-2010
Mensajes: 59
Antigüedad: 13 años, 6 meses
Puntos: 3
Respuesta: Alto al 100%

heigth: auto;
__________________
Contactar NET Diseño y Desarrollo web

CEO / Programación.
Gabriel.
  #7 (permalink)  
Antiguo 21/03/2011, 09:31
Avatar de FantasmaFito  
Fecha de Ingreso: junio-2007
Ubicación: Buenos Aires, Argentina
Mensajes: 118
Antigüedad: 16 años, 10 meses
Puntos: 0
Respuesta: Alto al 100%

Cita:
Iniciado por ContactarNET Ver Mensaje
heigth: auto;
Pero height: auto lo que hace es ajustar el alto al contenido del div, yo lo que quiero es que tenga un alto del 100% con respecto al div de la derecha.
  #8 (permalink)  
Antiguo 21/03/2011, 09:41
Avatar de ContactarNET  
Fecha de Ingreso: septiembre-2010
Mensajes: 59
Antigüedad: 13 años, 6 meses
Puntos: 3
Respuesta: Alto al 100%

Aver, vos queres tener primero 2 divs del mismo tamaño.. y despues el div de la derecha se va ajustando a medida que se va agregando contenido, mientras que el div izquierdo queda donde esta?
__________________
Contactar NET Diseño y Desarrollo web

CEO / Programación.
Gabriel.
  #9 (permalink)  
Antiguo 21/03/2011, 09:44
Avatar de FantasmaFito  
Fecha de Ingreso: junio-2007
Ubicación: Buenos Aires, Argentina
Mensajes: 118
Antigüedad: 16 años, 10 meses
Puntos: 0
Respuesta: Alto al 100%

Cita:
Iniciado por ContactarNET Ver Mensaje
Aver, vos queres tener primero 2 divs del mismo tamaño.. y despues el div de la derecha se va ajustando a medida que se va agregando contenido, mientras que el div izquierdo queda donde esta?
Claro, el div de la derecha va a tener un alto automático (en el ejemplo le puse 230px para que se entendiera lo que quiero lograr, pero va a ser height:auto). Y quiero que el div de la izquierda, tome el mismo alto del div de la derecha.
  #10 (permalink)  
Antiguo 21/03/2011, 09:54
Avatar de ContactarNET  
Fecha de Ingreso: septiembre-2010
Mensajes: 59
Antigüedad: 13 años, 6 meses
Puntos: 3
Respuesta: Alto al 100%

ponele al contenedor 100% de height, lo mismo para los demas divs. a ver que tal...
__________________
Contactar NET Diseño y Desarrollo web

CEO / Programación.
Gabriel.
  #11 (permalink)  
Antiguo 21/03/2011, 09:59
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 13 años, 3 meses
Puntos: 36
Respuesta: Alto al 100%

Haz una búsqueda de "columnas equilibradas" o "columnas falsas". Son dos posibilidades para resolver problemas como el tuyo. Usa Google o el cuadro de búsqueda del menú del foro.
Creo que pueda servir de orientación.
  #12 (permalink)  
Antiguo 21/03/2011, 10:01
Avatar de FantasmaFito  
Fecha de Ingreso: junio-2007
Ubicación: Buenos Aires, Argentina
Mensajes: 118
Antigüedad: 16 años, 10 meses
Puntos: 0
Respuesta: Alto al 100%

Cita:
Iniciado por ContactarNET Ver Mensaje
ponele al contenedor 100% de height, lo mismo para los demas divs. a ver que tal...
Nup, no ocurre nada... Parece algo tan sencillo de resolver y sin embargo se complica...
  #13 (permalink)  
Antiguo 21/03/2011, 17:03
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 10 meses
Puntos: 539
Respuesta: Alto al 100%

Estructura conocida como "pie abajo" o similares.
En algunas ocasiones se complementa con las "falsas columnas" indicadas por Sanxuan.

Y no se olviden que google no muerde
  #14 (permalink)  
Antiguo 21/03/2011, 18:29
Avatar de FantasmaFito  
Fecha de Ingreso: junio-2007
Ubicación: Buenos Aires, Argentina
Mensajes: 118
Antigüedad: 16 años, 10 meses
Puntos: 0
Respuesta: Alto al 100%

No me sirve eso, porque el ancho de página también será variable. Y he buscado en Google antes de postear aca...
  #15 (permalink)  
Antiguo 22/03/2011, 13:59
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 10 meses
Puntos: 539
Respuesta: Alto al 100%

Cita:
Iniciado por FantasmaFito Ver Mensaje
No me sirve eso,<--¿qué eso? porque el ancho de página también será variable<-¿qué tiene que ver una estructura "pie abajo" basada en la vertical (alturas) con anchuras?. Y he buscado en Google antes de postear aca...<-pues poco ha debido mirar el enlace facilitado, por lo visto, ya que ahí aparece css.devillasbuenas.es con 3 ejemplos, y en los tres la anchura está definida en %

Etiquetas: alto
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 17:15.