Margen en el <BODY> (IE Vs. The World)

Kamarada_Malkav · #1 (**permalink**) 20/08/2007, 02:05

Hola a todos de nuevo:

Vuelvo con el eterno caballo de batalla de mi página, las diferencias entre IE y los estándares. Cuando haga mi web propia prometo diseñar únicamente para los navegadores que respeten los estándares, pero de momento me debo a los usuarios y los nuestros utilizan mayormente IE y Firefox, con lo que tengo que pensar en los dos.

El problema es que haciendo pruebas para modificar el diseño de la página me he encontrado con varios problemas que he solucionado como buenamente he podido, he ignorado o he esquivado. El último es este:

Tengo un div "container" que se centra en el <body> y que, como su propio nombre indica, envuelve el contenido de la página. Mi objetivo es que quedase alineado en el centro horizontalmente y que llegase desde arriba hasta el final del texto de la página. Este es el código:

Código:

body{
	text-align: 		center;
	background-color:	#FDF7F7;
	margin:				0px;
}
#container{
	width: 				700px;
	margin: 			0px auto;
	text-align: 		left;
	background-color:	#FFFFFF;
}

En IE (6 y 7) me funciona "perfectamente", pero en Firefox y Safari (hay que probar con todo) me queda un margen en la parte superior que no se como quitar. Os dejo una captura de pantalla:

A ver si alguien me puede decir como solucionarlo.

Saludos.

#2 (**permalink**) 20/08/2007, 06:26

Probablemente se trate de padding, probá agregar

padding : 0;

a los estilos de body

Saludos.

Kamarada_Malkav · #3 (**permalink**) 20/08/2007, 07:17

Esa opción ya la he probado y nada... no hay ningun tipo de cambio. También he probado poniendo sólo a 0 el padding-top y el margin-top y nada. Es una cosa bastante rara porque tengo instalado un complemento de FireFox para ver el estilo de lo que señales con el puntero del raton (CSSViewer) y me coloca el inicio del body ahí abajo y no en la parte de arriba. Con lo que si realmente el body empezase más abajo ¿la parte superior no debería de ser blanca?

Seguiré intentando ver que puede ser.

Saludos y gracias Alvlin.

Kamarada_Malkav · #4 (**permalink**) 24/08/2007, 08:33

No se si estas cosas se deben hacer pero antes de poner otro post con la misma pregunta prefiero recuperar este porque todavia no he solucionado el problema con la página, y necesito solucionarlo porque ahora no para de molestarme para maquetar la página, ya que me influye en casi cada cosa que hago.

A ver si alguien ha tenido este problema alguna vez o algo de eso porque no me lo explico la verdad...

Saludos.

Kamarada_Malkav · #5 (**permalink**) 24/08/2007, 08:56

Esta bien, ahora si que ya me he perdido...

Lo he solucionado pero no entiendo porque. El caso es que naufragando por ahi he encontrado una cosa tal que esto:

Código:

*{
	margin: 0px;
}

Y se ha solucionado... Ahora mi pregunta es: ¿porque si lo pongo ahí si funciona y poniendolo en el body no? ¿Hay algún elemento superior a body?

Saludos.