Rediseño web y problema con centrado CSS
Hola, quería pediros ayuda con una cosa. He rediseñado sutilmente (para no romper con el resto del sitio web) la página de inicio de una web, y reescrito todo el código para que esté bien limpito. He ido probando en Mozilla e Internet Explorer (acostumbro usar siempre estos dos navegadores para poner a prueba las webs antes de publicarlas, mientras las voy armando), y todo se ve tal como quiero salvo por un detalle importantísimo: ¡en IE no consigo que la página se vea centrada! Es raro porque creo estar usando el código apropiado, de hecho he usado la misma opción para otras webs que sí se ven centradas en IE. ¡Socorro!
#container{
width:813px;
margin:0 auto;
}
Éste es el rediseño:
http://www.factum-arte.com/eng/default_NEW_2.asp
Éste es el CSS asociado:
http://www.factum-arte.com/eng/estilos/styles_NEW.css
(Por si teneis curiosidad, ésta era la página original):
http://www.factum-arte.com/eng/default.asp
orange
Ahora mismo ya prácticamente cualquier editor te enchufa un DOCTYPE correcto al crear un documento nuevo. Pero es una cosa que hay que tener en cuenta para temas como estos.
fernandezmiron
¡Resuelto! Había usado el mismo doctype en mis otras webs pero en esta ocasión se me olvidó incluirlo antes del <html>
Mil gracias.
fernandezmiron
Buf, no sé ni lo que es un doctype. Muchas gracias Orange, voy a leerme el artículo ahora mismito y veo qué puedo hacer.
Hace unos meses me repasé los cursos de html y css de www.librosweb.es para dejar de usar tablas para maquetar y esas cosas que leía en todas partes que eran obsoletas (ya veis que estaba bastante en la parra, glubs) pero se me siguen escapándo muchas cosas...
orange
jajaja, habló el ñapas de los ñapas
:P
abel_martinez
orange
Amen.
orange
El problema lo tienes en el HTML, no tienes declaración de DOCTYPE lo que hace que Explorer entre en modo Quirks y que no te funcione ese método de centrado.
La recomendación buena es que te leas por encima este artículo y hagas entrar al navegador en modo standards: http://www.alistapart.com/articles/doctype/
Y si no, pues la ñapa de la ñapa que es meter en el body {text-align: center} y luego en #container {text-align: left} ... que era el método de centrado con Explorer 5.x
leos
Yo creo que debe ser porque el que debe tener margin:0 auto; es el body{}
saludos.