Foros del Web » Creando para Internet » CSS »

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

Estas en el tema de Margen en el <BODY> (IE Vs. The World) en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 20/08/2007, 03:05
Avatar de Kamarada_Malkav  
Fecha de Ingreso: octubre-2005
Ubicación: Madrid
Mensajes: 70
Antigüedad: 12 años, 1 mes
Puntos: 0
Margen en el <BODY> (IE Vs. The World)

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)  
Antiguo 20/08/2007, 07:26
AlvaroG
Invitado
 
Mensajes: n/a
Puntos:
Re: Margen en el <BODY> (IE Vs. The World)

Probablemente se trate de padding, probá agregar

padding : 0;

a los estilos de body


Saludos.
  #3 (permalink)  
Antiguo 20/08/2007, 08:17
Avatar de Kamarada_Malkav  
Fecha de Ingreso: octubre-2005
Ubicación: Madrid
Mensajes: 70
Antigüedad: 12 años, 1 mes
Puntos: 0
Re: Margen en el <BODY> (IE Vs. The World)

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.
  #4 (permalink)  
Antiguo 24/08/2007, 09:33
Avatar de Kamarada_Malkav  
Fecha de Ingreso: octubre-2005
Ubicación: Madrid
Mensajes: 70
Antigüedad: 12 años, 1 mes
Puntos: 0
Re: Margen en el <BODY> (IE Vs. The World)

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.
  #5 (permalink)  
Antiguo 24/08/2007, 09:56
Avatar de Kamarada_Malkav  
Fecha de Ingreso: octubre-2005
Ubicación: Madrid
Mensajes: 70
Antigüedad: 12 años, 1 mes
Puntos: 0
Re: Margen en el <BODY> (IE Vs. The World)

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.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:20.