Enlaces:

Dos formas de centrar el contenido con CSS

Cuando quiero utilizar un diseño para un sitio Web, normalmente pretendo que el contenedor general de la plantilla quede centrado sin tener que utilizar la etiqueta <center>. Hubo un tiempo en el que yo utilizaba esta forma:

#contenedor{
		width:800px;
		position:relative;
		left:50%;
		margin-left:-400px;
	}

Aunque... hmm, tuve demasiados problemas con los tamaños de pantallas pequeñas así que tuve que buscar una mejor forma.

body{
		width:800px;
		margin:0 auto;
	}

Esta forma me funcionaba de maravilla, hasta que después de un de repente dejo de funcionar en IE, yo no podía explicarme ¿por que?, así que después de buscar y preguntarle a todo mundo, aterricé en la respuesta :D ... Era una “#$/da línea que indica el tipo de documento jeje

< !DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">

Todavía no estoy muy seguro de cual se la correcta o si en realidad esté haciendo las cosas inadecuadamente, pero... Agradecería que, si alguien navega por aquí y lee esto me pueda dar algún consejillo o comentario.

Comentarios

2006-11-18 01:02:07
Hac
check out this!
http://www.elguille.info/HTMLscripts/HTML_DOCTYPE.htm
2006-11-20 05:48:39
Victor
Gracias por la liga ;-) , aunque... aún así no entiendo mucho todavía ja.
2007-03-14 08:12:24
javier
es un tema delicado sobre todo cuando con IE da problemas de centrado o si se cambia de resolución de pantalla.