Foros del Web » Creando para Internet » CSS »

Dos columnas en un contenedor

Estas en el tema de Dos columnas en un contenedor en el foro de CSS en Foros del Web. Hola a todos, dejando aparte layouts, si en algún momento quiero dividir la pantalla en dos para mostrar elementos a la misma altura lo tengo ...
  #1 (permalink)  
Antiguo 29/05/2008, 05:29
 
Fecha de Ingreso: octubre-2006
Mensajes: 4
Antigüedad: 11 años, 1 mes
Puntos: 0
Dos columnas en un contenedor

Hola a todos,

dejando aparte layouts, si en algún momento quiero dividir la pantalla en dos para mostrar elementos a la misma altura lo tengo muy fácil:

div.left{
float: left;
width: 45%;
}

div.right{
float: right;
width: 45%;
}


(Si las quiero 50%-50%, tengo que suprimir márgenes y paddings.)

Pero si quiero eso mismo dentro de un contenedor, la cosa se pone complicada, porque al tener las subdivisiones flotantes, resulta que el contendor no "contiene", sino que se queda con la altura mínima y los elementos que flotan por encima.

¿Alguna solución para esto? Gracias.
  #2 (permalink)  
Antiguo 29/05/2008, 05:53
 
Fecha de Ingreso: octubre-2006
Mensajes: 20
Antigüedad: 11 años, 2 meses
Puntos: 2
Respuesta: Dos columnas en un contenedor

Hola,

No se si es la mejor solución pero si una pequeña trampa para que funcione:
detrás del div.right pero dentro del contenedor puedes hacer un div con:

height:0px;
clear:both;

El div no se vera pero hará que el contenedor crezca hasta el final

Saludos
  #3 (permalink)  
Antiguo 29/05/2008, 06:07
 
Fecha de Ingreso: octubre-2006
Mensajes: 4
Antigüedad: 11 años, 1 mes
Puntos: 0
Respuesta: Dos columnas en un contenedor

Pues funciona perfectamente. Buen truco, gracias!
  #4 (permalink)  
Antiguo 29/05/2008, 10:51
Avatar de gran Wakka  
Fecha de Ingreso: septiembre-2007
Mensajes: 712
Antigüedad: 10 años, 3 meses
Puntos: 48
Respuesta: Dos columnas en un contenedor

Lo voy a mirar pero me suena de tener en una web un contenedor que contiene dos divs flotantes y no me pasa.
__________________
Información de Series de TV
Buscas o quieres ser redactor? Ofertas redactor web
  #5 (permalink)  
Antiguo 29/05/2008, 10:54
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: Dos columnas en un contenedor

Cita:
Iniciado por Kabish Ver Mensaje
Hola a todos,

dejando aparte layouts, si en algún momento quiero dividir la pantalla en dos para mostrar elementos a la misma altura lo tengo muy fácil:

div.left{
float: left;
width: 45%;
}

div.right{
float: right;
width: 45%;
}


(Si las quiero 50%-50%, tengo que suprimir márgenes y paddings.)

Pero si quiero eso mismo dentro de un contenedor, la cosa se pone complicada, porque al tener las subdivisiones flotantes, resulta que el contendor no "contiene", sino que se queda con la altura mínima y los elementos que flotan por encima.

¿Alguna solución para esto? Gracias.
ponele a tu contenedor: overflow:hidden;

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 09:07.