Diseño en dos columnas

[AkelaQuest]

Hola amigos!

Tengo un diseño hecho en dos columnas cuyo CSS se ve asi:

#leftcontent {
float:left;
width:441px;
padding-right: 12px;
padding-left: 8px;
}
#rightcontent {
width:154px;
}

El mismo funciona perfectamente en Explorer pero en Netscape me aparece una de las "columnas" debajo de la otra

Como hago para que se vea bien en los dos?

[JavierB]

Hola, AkelaQuest.

Prueba poniendo float:left en las dos columnas.

Saludos,

[AkelaQuest]

graias lo intentare

[tunait]

Es posible que si ambas columnas están dentro de otro contenedor, que no quepan, por eso te lo manda debajo NS, porque el padding lo añade a la anchura de la columna. No sé si me explico....

[AkelaQuest]

SI pero con Explorer andan fenomeno
Es con Netscape la cosa

[tunait]

por eso te lo manda debajo NS, porque el padding lo añade a la anchura de la columna

pues lo que te digo. Explorer usa el espacio del width para insertar el padding. NS lo pone afuera, por lo tanto la columna con el padding es más ancha de lo especificado en el width. En cambio explorer el padding lo toma del width

ejemplo:

.caja{
width: 100px;
padding-left: 10px;
padding-right: 8px;
}
Explorer devuelve una caja de 100px
El resto de navegadores que soportan correctamente los estándares devuelven una caja de 100+10+8=118px

[AkelaQuest]

Y como lo soluciono para que se vea bien en los dos?

[Kati]

Este artiulo ilustra y da una solucion a este problema: http://www.disenorama.com/articulos/...o_de_cajas.htm

Espero les sirva.