Comportamiento de Margin-left y Margin-right (CAPTURA)

[salbatore]

Hola foreros!

Estoy creando una animacion con javascript y para mover unos bloques estoy usando la propiedad margin-left. La cuestion es que necesito que la propiedad margin-right se comporte del mismo modo que margin-left pero no es asi, jeje. Mirar:

Código HTML:

<div style="width:200px; border:pink 2px dashed; height:200px; ">
	<div style="width:200px; margin-left:-50px; height:100px; background:green">Su posición es correcta.</div>
	<div style="width:200px; margin-right:-50px; height:100px; background:red">Su posición es incorrecta, deberia moverse para la izquierda 50px</div>
</div> 

No puedo usar position:abolute... tampoco puedo modificar la estructura de los div's.

¿Se os ocurre algo?

[zerokilled]

no sabria darte una explicacion, pero de todos modos utiliza la forma opuesta para margin-right. es decir, en tu caso lo opuesto (pero creando el mismo efecto) de margin-right es margin-left y lo opuesto de -50px es 50px.

[cristian_cena]

Coincido con zerokilled, deberías trabajar con valores negativos. ¿Puedes usar position:relative;?

[Darkaos]

esta bien el comportamiento que tiene, si margin-letf lo tienes con -50 a margin-right debes darle el valor de 50 para que se comporten del mismo modo

[salbatore]

Hola a todos!,

Pues va ser que si, jeje... al final me tendre que hacerlo con el margin-left. Solo lo hacia para tener un poco de coherencia, jeje... en plan a la derecha con el right y a la izquierda con el left.

Solo que me parecia algo raro, que dos propiedades similares tuviesen esa diferencia... jeje...

Muchisimas gracias a todos!