3 columnas css ie y firefox
Publicado por andres (1 intervención) el 16/03/2006 12:37:55
Buenos dias,
Quiero maquetar una pagina a tres columnas con css sin tablas. En el css defino un #contenedor con ancho 800px. Defino una capa #izda de ancho 200px y con float:left y una capa #dcha de ancho 200px con float:right. Por ultimo defino la capa #centro de 400px. De esta manera es 200+400+200=800.
En el HTM pongo #left, luego #right y por ultimo #centro, todas ellas dentro de #contenedor(position:absolute).
En Firefox se ve perfectamente, pero en Internet Explorer la capa #centro aparece por debajo de las otras 2, como si no cupiera en 400px. De hecho, si reduzco su ancho (a partir de 396px), se pone en su sitio correctamente, dejando un espacio de 2px a cada lado. No logor que aparezcan juntas en IE y en Firefox al mismo tiempo.
¿alguien sabe como puedo hacer para que las 3 capas esten pegadas?
muchisimas gracias de antemano
Quiero maquetar una pagina a tres columnas con css sin tablas. En el css defino un #contenedor con ancho 800px. Defino una capa #izda de ancho 200px y con float:left y una capa #dcha de ancho 200px con float:right. Por ultimo defino la capa #centro de 400px. De esta manera es 200+400+200=800.
En el HTM pongo #left, luego #right y por ultimo #centro, todas ellas dentro de #contenedor(position:absolute).
En Firefox se ve perfectamente, pero en Internet Explorer la capa #centro aparece por debajo de las otras 2, como si no cupiera en 400px. De hecho, si reduzco su ancho (a partir de 396px), se pone en su sitio correctamente, dejando un espacio de 2px a cada lado. No logor que aparezcan juntas en IE y en Firefox al mismo tiempo.
¿alguien sabe como puedo hacer para que las 3 capas esten pegadas?
muchisimas gracias de antemano
Valora esta pregunta
0