Foros del Web » Creando para Internet » CSS »

gran duda con margin

Estas en el tema de gran duda con margin en el foro de CSS en Foros del Web. Hola gente: En el siguiente codigo aplico margin a los parrafos pero me surge la duda, si supuestamente es el espacio entre la caja y ...
  #1 (permalink)  
Antiguo 06/05/2010, 13:28
 
Fecha de Ingreso: junio-2008
Ubicación: Capital Federal xD
Mensajes: 1.208
Antigüedad: 9 años, 5 meses
Puntos: 35
gran duda con margin

Hola gente:
En el siguiente codigo aplico margin a los parrafos pero me surge la duda, si supuestamente es
el espacio entre la caja y las cajas adyacentes.
1 - porque entre el 1° y 2° parrafo no existe 20px de separación?? (Testeado en FF3 y IE8)
2 - en IE8 el 2° parrafo en su margen inferior no existe tal margen

Le apliqué un borde al body para demostrarlo.
Código PHP:
p{
    
background-color:cyan;
    
margin:10px;
}
<
body style="border-style: solid;border-color:black;border-width:1px;">
<
p>Parrafo de texto con alguna palabras resaltadas
</p>
<
p>Otro parrafo</p>
</
body
__________________
I am Doyle please insert code.
  #2 (permalink)  
Antiguo 06/05/2010, 14:03
 
Fecha de Ingreso: marzo-2008
Mensajes: 43
Antigüedad: 9 años, 9 meses
Puntos: 1
Respuesta: gran duda con margin

Me he quedado de piedra.... yo creo que así debería de pasar lo que dices y como soy muy desconfiado lo probé he hice mil pruebas... como por ejemplo en vez de poner margin solo poner margin pero a los 4 lados por si se comporta de otra manera. Cambié <p> por <div> pero nada...

Acabas de echar por tierra todo lo que sabía de CSS... lo que no entiendo es que yo tengo páginas de esta manera y me jodía que se doblara el margin cuando eran iguales y ahora no pasa :S

Pues eso... no entiendo nada.. si alguien se da cuenta de lo que pasa que lo diga rápido que esta noche no voy a poder dormir

Un saludo
  #3 (permalink)  
Antiguo 06/05/2010, 15:00
 
Fecha de Ingreso: junio-2008
Ubicación: Capital Federal xD
Mensajes: 1.208
Antigüedad: 9 años, 5 meses
Puntos: 35
Respuesta: gran duda con margin

bueno leyendo se aprende, jeje. Resulta que el comportamiento es el esperado.
Cita:
El comportamiento de los márgenes verticales es más complejo de lo que se puede
imaginar. Cuando se juntan dos o más márgenes verticales, se fusionan de forma
automática y la altura del nuevo margen será igual a la altura del margen más alto de los
que se han fusionado.
__________________
I am Doyle please insert code.
  #4 (permalink)  
Antiguo 07/05/2010, 02:30
 
Fecha de Ingreso: marzo-2008
Mensajes: 43
Antigüedad: 9 años, 9 meses
Puntos: 1
Respuesta: gran duda con margin

Ok, ahora me quedo mas tranquilo... eso no pasa cuando los pones en horizontal.

Un saludo
  #5 (permalink)  
Antiguo 07/05/2010, 04:04
 
Fecha de Ingreso: mayo-2010
Mensajes: 84
Antigüedad: 7 años, 7 meses
Puntos: 0
Respuesta: gran duda con margin

No se de donde has sacado esa cita, pero lo primero sería ponerla. Segundo, eso no es así en ningún caso, o al menos en la mayoría de los casos, LLevo tiempo en esto del diseño y maquetación, y salvo versiones anterioes de Ie, estos problemas no suceden.
  #6 (permalink)  
Antiguo 07/05/2010, 07:52
 
Fecha de Ingreso: junio-2008
Ubicación: Capital Federal xD
Mensajes: 1.208
Antigüedad: 9 años, 5 meses
Puntos: 35
Respuesta: gran duda con margin

La info:
http://www.librosweb.es/css/capitulo...y_relleno.html

Ah y los margenes contiguos verticales se me fusionan tanto en Internet Explorer y Firefox.
__________________
I am Doyle please insert code.
  #7 (permalink)  
Antiguo 07/05/2010, 10:40
Avatar de Tecna  
Fecha de Ingreso: enero-2010
Mensajes: 291
Antigüedad: 7 años, 11 meses
Puntos: 45
Respuesta: gran duda con margin

Buenas,

eso se conoce como márgenes cerrados y como dice doylelives es el comportamiento esperado para los márgenes verticales adyacentes, pero sólo en algunos casos, depende de bastantes cosas, de si son elementos reemplazados o no, en bloque o en línea, de si están posicionados o flotados, de si se les aplica la propiedad clear o no, de si el valor de overflow es visible o no, de si son valores positivos o negativos, en fin que como ya se ha dicho es bastante complejo.

Etiquetas: margin
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 12:04.