3 Columnas que ocupen el 100% de la ventana

[cslbcn]

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

[jomaruro]

Hola:

Quizá así:

#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.