Foros del Web » Creando para Internet » CSS »

Margin-top en firefox (capas)

Estas en el tema de Margin-top en firefox (capas) en el foro de CSS en Foros del Web. Hola, Quiero hacer una página con imagenes una sobre otra. Para eso he utilizado capas. Pero al areglarle el espacio de arriba se ve bien ...
  #1 (permalink)  
Antiguo 29/05/2005, 17:47
 
Fecha de Ingreso: abril-2003
Mensajes: 150
Antigüedad: 14 años, 8 meses
Puntos: 1
Margin-top en firefox (capas)

Hola,

Quiero hacer una página con imagenes una sobre otra. Para eso he utilizado capas. Pero al areglarle el espacio de arriba se ve bien en Explorer, no en firefox. Que debo cambiar para que tome el espacio del 'top'?

Explorer:


Firefoxe:


CSS:

/*content*/
Código:
div#out {
	top:20px; 
	margin:auto;
	padding:auto;
	width: 618px;
	height:435px;  
	background:url(../images/orange_background.jpg) 0 0 no-repeat;
	z-index:1;
}
div#container {
	margin:auto;
	padding:auto;
	margin-left:35px;
	margin-top:20px;
	height:435px; 
	background:url(../images/login_boxblue.gif) 0 0 no-repeat;
	z-index:2;  
}
div#layer1 {
	margin:auto;
	padding:auto;
	margin-left:15px;
	margin-top:19px;
	height:435px; 
	z-index:3;
	background:url(../images/new.png) 0 0 no-repeat;
}
Saludos
Liz
  #2 (permalink)  
Antiguo 30/05/2005, 01:30
Avatar de PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 13 años, 9 meses
Puntos: 63
Hola

Dberías definir las posiciones de las capas:
position [absolute / relative];

Esto es un elemento imprescindible para la correcta colocación de elementos con css.

Felicidad
__________________
¡ hey, hou, hou, hey !
  #3 (permalink)  
Antiguo 30/05/2005, 02:33
Avatar de kemie  
Fecha de Ingreso: junio-2003
Ubicación: estocolmo<-->mexico
Mensajes: 1.627
Antigüedad: 14 años, 5 meses
Puntos: 1
el problema es que de acuerdo con las especificaciones, dos margenes adjuntos se "colapsan" ( http://www.exclipy.com/css/collapsingmargins.html )
si añades padding o bordes a alguno de tus elementos se corrige.
__________________
::::::::::::::::::::::::::::: WebHostNinja | diseñorama.com::::::::::::::::::::::::::::::
  #4 (permalink)  
Antiguo 30/05/2005, 12:04
 
Fecha de Ingreso: abril-2003
Mensajes: 150
Antigüedad: 14 años, 8 meses
Puntos: 1
Gracias PatomaS y kemie (como siempre) por sus respuestas.

Le añadí la posición a los elementos, gracias PatomaS.
Pero aún me faltaba parte de lo que me recomienda kemie. Ese articulo no lo había leído. Gracias por el dato.

Le añadí esto:
padding-top:1px; /*top firefox*/

Y me funciona bien.
Gracias chicos!!

Liz
  #5 (permalink)  
Antiguo 14/12/2008, 12:47
 
Fecha de Ingreso: noviembre-2007
Mensajes: 19
Antigüedad: 10 años
Puntos: 0
Respuesta: Margin-top en firefox (capas)

Me estaba volviendo loco con este tema. Gracias!!

Pero sigo con un problema, IE6 e IE7 no me reconocen el margin-top.

capa 1 con position relative y centrado en pantalla con margin:0 auto 0 auto;
capa 2 (anidada en 1 y solo defiiendo su ancho y height)
capa 3 margin-top:20px; anidada en 2.

En FF tras el cambio en capa 2 añadiendo padding-top:1px; va perfecto pero los ie la ignoran.
¿qué se me escapa?

Problema con margin-top: <<-- Ten cuidado cuando anidas varias capas seguidas.
Margin-top me desplaza la capa superior o la capa contenedora <<--- Margin Collapsing !!!


Gracias!

Última edición por obeiix; 14/12/2008 a las 12:55 Razón: Añadido
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 04:29.