image
Inicio » Foros » CSS

Foro sobre hojas de estilo CSS

3 columnas css ie y firefox

Volver al foro | Responder | Añadir nuevo tema


De: andres
Fecha: 16/03/2006
Mensaje:

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



Quizás le interese
De: Miriam
Util para: 3 personas

Fecha: 20/03/2006
Mensaje:

He respuesto esto mismo a otro usuario:

Pruébalo así:

<style>
#contenedor{
 position:absolute;
 width:750px;
 height:auto;
 left:50%;
 margin-left:-375px;
 top:10px;
}
#cabecera {
 position:relative;
 top:0px;
 left:0px;
 width:100%;
 background-color:#0099FF;
}
#izquierda {
 float:left;
 position:relative;
 width:200px;
 background-color:#0066CC;
}
#centro {
 float:left;
 position:relative;
 width:350px;
 background-color:#DBE6F2;
}
#derecha {
 float:left;
 position:relative;
 width:200px;
 background-color:#7197B7
}
#pie{
 clear:both;
 width:100%;
 height:20px;
 background-color:#0099CC;
}
</style>

 

 

<body>
<div id="contenedor">
 <div id="cabecera">contenido cabecera<br><br><br></div>
 <div id="izquierda">contenido izquierda<br><br><br></div>
 <div id="centro">contenido centro<br><br><br></div>
 <div id="derecha">contenido derecha<br><br><br></div>
 <div id="pie">pie<br><br><br></div>
</div>
</body>





De: Ouyea, funciona
Util para: 0 personas

Fecha: 14/11/2008
Mensaje:

Muchas gracias salaó, me has ahorrado un ratazo de pruebas.



Volver al foro | Responder | Añadir nuevo tema

Quizás le interese:

WebEstilo.com no se hace responsable de las opiniones que los usuarios puedan verter en cualquiera de los foros existentes.

Si te solucionó el problema pulsa en G+1


Gracias!






Comparte



Última modificación:31 de Agosto de 2017. Spain - Espa�a.
© 1998-2004 por . Todos los derechos reservados.