problema con margin:auto y ie

oscarenzo · #1 (**permalink**) 12/10/2010, 02:47

hola chicos, como están, espero todo vaya bien, miren les comento que tengo un problemilla, es IE, miren es cuando hago el margin:auto, no me lo centra, en chrome y firefox, se ve genial, pero en ie pasa de esa condición en el css y se va todo a la izquierda.

Les dejo un ejem. del código:

el index:

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<title>titulo</title>
	<meta http-equiv="Content-Style-Type" content="text/css">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<link href="css/layout.css" type="text/css" rel="stylesheet">
</head>
<body>
<div id="contenedor"></div>
</body>
</html>

el css:

Código:

body{
	width:810px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	margin:auto;
}

#contenedor{ 
	width: 800px; 
	margin: auto;
	border:1px dashed #999;
}

Espero me puedan echar un cable, gracias de antemano.

Saludos.

jokin82 · #2 (**permalink**) 12/10/2010, 08:28

Hola.
Prueba añadiendo text-align: center;

TheDark03 · #3 (**permalink**) 12/10/2010, 08:51

Hola, oscarenzo en que versión del IE se ve tu problema?, por que por mas que probé tu ejemplo lo veo centrado hasta en IE6.

Lo único que veo de raro es darle un ancho a tu body y darle también margin:auto; :S
pero voy a suponer que debido a tu diseño lo estas haciendo así.

Para centrar cualquier elemento solo es necesario poner margin:0 auto; pero el auto es innecesario.

Saludos DTB

PD: de repente tu problemas se debe al css restante involucrado.

oscarenzo · #4 (**permalink**) 12/10/2010, 09:33

Hola chicos, gracias por sus respuestas, la version de ie que estaba probando es la 8, pero al final lo he corregido cambiando la version del standar.

lo he cambio por

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Gracias de antemano. Saludos.

TheDark03 · #5 (**permalink**) 12/10/2010, 10:01

XD, se me olvido mencionarte que lo cambie para probarlo a un doctype strict.

Saludos DTB

jomaruro · #6 (**permalink**) 12/10/2010, 10:55

Hola:

Cita:

Iniciado por TheDark03

Para centrar cualquier elemento solo es necesario poner margin:0 auto; pero el auto es innecesario.

O sea, si quiero centrar un elemento sólo tengo que poner margin:0. A veces es mejor que mantuvierais las manos en el bolsillo y la boquita cerrada.

Con margin:0 nunca se centrará nada, simplemente tendrá margin 0 en los cuatro lados del elemento en cuestión.

Saludos.

oscarenzo · #7 (**permalink**) 12/10/2010, 11:09

Cita:

Iniciado por jomaruro

Hola:

O sea, si quiero centrar un elemento sólo tengo que poner margin:0. A veces es mejor que mantuvierais las manos en el bolsillo y la boquita cerrada.

Con margin:0 nunca se centrará nada, simplemente tendrá margin 0 en los cuatro lados del elemento en cuestión.

Saludos.

Entonces para centrar está bien usar margin:auto;?

saludos.

TheDark03 · #8 (**permalink**) 12/10/2010, 11:24

Cita:

Iniciado por jomaruro

Hola:

O sea, si quiero centrar un elemento sólo tengo que poner margin:0. A veces es mejor que mantuvierais las manos en el bolsillo y la boquita cerrada.

Con margin:0 nunca se centrará nada, simplemente tendrá margin 0 en los cuatro lados del elemento en cuestión.

Saludos.

Gracias por la corrección no me había dado cuenta de la estupidez que estaba diciendo, pero tampoco es para que te sulfures tanto

oscarenzo, añado que seria mejor que apliques un reset a tus estilos

y para que no tengas problemas de centrado apliques esto

Código CSS:

Ver original*{
margin:auto;
padding:auto;
}

Saludos

jomaruro · #9 (**permalink**) 12/10/2010, 11:29

Hola:

Cita:

Iniciado por TheDark03

pero tampoco es para que te sulfures tanto

Yo pienso que si, si el motivo es haber inducido a error a alguien que pregunta para solucionar un problema.

Saludos.

TheDark03 · #10 (**permalink**) 12/10/2010, 11:34

bueno, bueno se me olvidaba....

mil disculpas Oscarenzo por confundirte, un lapsus-brutus de mi parte

Saludos DTB.