Centrar divs en IE

[subharb]

Hola chicos, quiero crear una pagina en la que los divs se muevan si se redimensiona la pagina, asi tb si el monitor del que lo ve es mas pequ´ño que el mio, las proporciones se mantendrán.
En FF he usado left:50% para poder centrarlo y luego moverlo un poco a izq.
Pero en IE no funciona, no se coloca en el centro, sino que a la derecha y ademas no le afecta el % porque si redimensiono no mantiene la proporcion.

Sabeis que hay que usar para hacer esto en IE, gracias!

[kseso?]

Son cosas distintas, el centrar un elemento en la horizontal y el que el tamaño de las cajas contenedoras sea en función (proporcional) a la ventana del navegador.

Para centrar un elemento horizontalmente ( perdí la cuenta de las veces que se ha respondido) "margin: 0 auto;". Busca en el foro, son cientos los casos planteados con la misma cuestión y sus variaciones.

Para que la caja sea proporcinal, define su anchura en porcentajes (que lo serán respecto al primer ancestro que tenga definido un tamaño)

[subharb]

Gracias por la respuesta, quizás no me haya explicado bien.

No me refería a que el tamaño de las cajas guarden proporcion, sino que la distancia entre los modulos la guarden.

Quiero que por ejemplo, tengo dos divs
#div1{float:left;
left:50%;
margin-left:-20px;}
#div2{left:50%;
margin-left:20px;}
De tal manera que en FF los dos salen centrados, sea cual sea el tamaño de la ventana y siempre a exactamente 40px de separación siempre, no importa el tamaño de la ventana.
Ese codigo no me vale en IE, qué debo usar entonces.
he probado margin: 0 auto; y no hace lo que quiero.

Gracias

[kseso?]

¡Era eso! No, no comprendí.

¿Y por qué no colocas las dos cajas en otra y es esta tercera la que centras?. das tamaño en % a los tres div, a los dos que ya tienes (div1, div2) le asignas un x% de anchura a cada uno y el restante hasta el 100% de su contenedor lo colocas como margen lateral.

[Adolfiten]

Yo tengo problemas para alinear cajas también, en FF se ve bien pero en IE no, ya probé de mil maneras y un ejemplo que yo mismo había hecho no me funciona tampoco.

Tengo:

Código HTML:

<div id="contenedor">

<div id="header">...</div>
<div id="cuerpo">...</div>
<div id="pie">...</div>

</div> 

Al contenedor le hice:

Código HTML:

width:760px;
margin:0 auto;

¿Por qué se centra sólo en FF y en IE permanece a la izquierda? ¿Qué hago mal?

Otra cosa que quiero hacer y no he podido es poner fondos como en puntogeek.com, de lado a lado de la pantalla y según la sección vertical en donde esté cambiar colores, siempre manteniendo centrado el div contenedor.

[subharb]

Es que no puedo, vienen de un CMS, y no puedo agruparlos, esa es la trampa!

Que puedo hacer sino?

[juanota]

Iniciado por Adolfiten

Y

Al contenedor le hice:

Código HTML:

width:760px;
margin:0 auto;

¿Por qué se centra sólo en FF y en IE permanece a la izquierda? ¿Qué hago mal?
.

Prueba ésto:
body {
margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
padding: 0;
text-align: center;
}
#container {
width: 760px;
text-align: left; /* esto anula text-align: center en el elemento body. */


Espero que te sirva

[Adolfiten]

¡Bien Juanaaaaaaa! Es eso, IE para alinear las cosas no tomaba en cuenta márgenes, en cambio puse que alineara el texto al centro y me alineó la caja también. Impecable lo suyo.

Sigo peleando para ver cómo pongo un fondo de lado a lado, se aceptan sugerencias.

Juana te debo una coca-cola.

[poison_mayer]

Si creo haber entendido bien tu pregunta subharb esto debe resolverte

Código:

#div1{
position:absolute;
left:50%;
margin-left:-20px;
}
#div2{
position:absolute;
left:50%;
margin-left:20px;
}