margin:0 auto en I Explorer

McBlink · #1 (**permalink**) 07/06/2011, 08:50

Buenos Dias,
alguno sabe porque no se centra este contenedor? no veo el problema..

.....

el problema es Internet Explorer (como toda la vida) pero mas allá de eso, no encuentro el otro problema

Código CSS:

Ver original#content {
    width: 700px;
    height: auto;
    overflow:hidden;
    margin:auto;
    padding-bottom:20px;
    font: 12px Arial, Helvetica, sans-serif;
    background-color:#EEE;
    position:relative;
}

la pagina tiene esta cabecera:

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">

Gracias!

rossijona · #2 (**permalink**) 07/06/2011, 10:24

Hace poco abri ese mismo problema, en ovaciones el margin auto me sirve en todos los navegadores, en otras no (I.E)

La solución que e encontrado es usar text-align: center
en el body (eso centrara todo) y luego en donde quieras poner el restod e los elementos le das un text-align: left

ejemplo:

body con text-align: center

y luego
al head, contenedor, y foot le das align: left

de todas formas tmb usa margin: auto (para el resto de los navegadores)

I.E caca

Abraso!

Naahuel · #3 (**permalink**) 07/06/2011, 10:55

Ese código que has proporcionado no tiene por qué dar problemas, funciona perfecto. El problema sin dudas se encuentra en otro lado, probá validando el HTML, el CSS, usando consolas de depuración para ver si hay estilos que puedan causar problemas, etc.

O de última podrías proporcionar el código completo

ArturoGallegos · #4 (**permalink**) 07/06/2011, 12:04

compañero @McBlink como ya le mensionaron ese codigo deberia andar bien en IE6 y superiores, indiquenos la url a su sitio para darle una revisada.

Cita:

Iniciado por rossijona

La solución que e encontrado es usar text-align: center
en el body (eso centrara todo) y luego en donde quieras poner el restod e los elementos le das un text-align: left

eso de text-align:center es innecesario a menos que se pretenda maquetar para versiones de IE inferiores a la versión 6, que quien sabe igual si soportan el margin:auto la verdad no me toco trabajar con esas versiones tan viejas

rossijona · #5 (**permalink**) 07/06/2011, 13:08

De todas maneras prefiero asegurar que se vea como realmente se debe en todos los navegadores :) en Uruguay hay de todo.
Saludos!

jomaruro · #6 (**permalink**) 08/06/2011, 11:51

Hola:

No entiendo ¿Quieres centrar los dos div's? La unica forma sería metiendo los dos div's dentro de otro que sería el que centraras.

Saludos.