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 … 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.