Cómo centro un div contenedor en ie???

Freakme · #1 (**permalink**) 18/02/2010, 03:09

Buenos días, necesito ayuda para conseguir centrar el div#contenedor de una web, con firefox no hay problema pero con ie no hay forma.
En la <head> del documento tengo esto:

Código:

<!-- Compatibilidad con clientes Web de Microsoft. -->
    <!--[if lt IE 7]>
      <link rel='stylesheet' type='text/css' href='base-ie.css' />
    <![endif]-->

y después estos son los css:

base.css

Código:

body {
margin:0px;
padding:0px;
}

div#contenedor {
width: 1200px;
height:800px;
margin:0px auto;
}

base-ie.css

Código:

body {
text-align:center;
}

div#contenedor {
text-align:left;
}

también he probado para ie con:

Código:

div#contenedor {
position:absolute;
left:50%;
margin-left:-600px;
}

pero nada, no se centra.

Edito para añadir:cuando uso esta segunda opcion, el div#contenedor se mete por la izquierda unos 200px, aprox.

Esas son las dos únicas soluciones que he encontrado buscando en google y en este foro.
¿¿¿Alguien puede ayudarme con esto???

Gracias, un saludo.

maycolalvarez · #2 (**permalink**) 18/02/2010, 07:36

que version de IE tienes porque con margin:0px auto; basta y sobra ¿?

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
#capa{
    margin:0px auto;
    height:200px;
    width:100px;
    background:blue;
}
</style>
</head>
<body>
    <div id="capa">hola</div>
</body>
</html>

Freakme · #3 (**permalink**) 18/02/2010, 08:02

Vale, ya he localizado el problema, es el codigo que cogí para que me cogiese un css diferente en caso de IE.

Código:

<!-- Compatibilidad con clientes Web de Microsoft. -->
    <!--[if lt IE 7]>
      <link rel='stylesheet' type='text/css' href='base-ie.css' />
    <![endif]-->

Simplemente he tenido que cambiar el 7 por un 8.

Gracias.