Foros del Web » Creando para Internet » CSS »

3 Columnas que ocupen el 100% de la ventana

Estas en el tema de 3 Columnas que ocupen el 100% de la ventana en el foro de CSS en Foros del Web. Hola a todos. Nunca me había aparecido este caso, por ello que necesite vuestra opinión. Tengo una caja pincipal que tiene como width = 100% ...
  #1 (permalink)  
Antiguo 03/11/2009, 13:02
 
Fecha de Ingreso: marzo-2008
Mensajes: 383
Antigüedad: 9 años, 9 meses
Puntos: 5
3 Columnas que ocupen el 100% de la ventana

Hola a todos. Nunca me había aparecido este caso, por ello que necesite vuestra opinión.

Tengo una caja pincipal que tiene como width = 100% y como height= 800px

Dentro de esta caja tengo que crear 3 columnas de igual tamaño que ocupen todo el ancho de la caja que las contiene (caja principal).

En la CSS la he definido así:

#principal {
height: 800px;
width: 100%;
background-color:#FF9900;
}
#columna1 {
height: 800px;
width: 33.3%;
float:left;
background-color:#00FF66;
}
#columna2 {
height: 800px;
width: 33.3%;
float:left;
background-color:#FF0000;
}
#columna3 {
height: 800px;
width: 33.3%;
float:left;
background-color:#993300;
}

Tengo dudas en ese width: 33.3%;. Se define de esta manera?

Sumando las 3 cajas dan un ancho de 99.9%, quedando una fina línea a la derecha... Hay alguna manera más óptima de definir 3 columnas?

Gracias
  #2 (permalink)  
Antiguo 03/11/2009, 16:10
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: 3 Columnas que ocupen el 100% de la ventana

Hola:

Quizá así:

Cita:
#principal {
height: 800px;
width: 100%;
background-color:#FF9900;
}
#columna1 {
height: 800px;
width: 33%;
float:left;
background-color:#00FF66;
}
#columna2 {
height: 800px;
width: 34%;
float:left;
background-color:#FF0000;
}
#columna3 {
height: 800px;
width: 33%;
float:left;
background-color:#993300;
}
Saludos.

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 01:40.