Page 1 of 1

margin-top is not respected

Posted: Thu Aug 27, 2009 3:58 am
by aneuryzma
hi,

when I click on a image on the bottom to enlarge and reduce it, the image below it remains far away and the distance between pictures change.

It's easier to see than to explain:

http://www.milcom.lu/kickstart/index.ph ... rectory=61

In safari everything is working correctly, so I was wondering why.. if I play with Firebug, I noticed that if I refresh the same value
margin-top:20px
the pictures come back in the same position.. it seems to be an update problem

thanks

Re: margin-top is not respected

Posted: Thu Aug 27, 2009 3:13 pm
by Zoxive
If i understand your problem, its working for me both under windows XP with firefox 3.5, and Ubuntu and 3.5.

The only thing i could see is the lower picture may give off the impression that the margins are changing on top because the paper in the picture is not flush on top of the image like the first image. I only noticed this because I use two different monitors, one is a lower quality then the other and i could not see the edges of the image. But on my better monitor i can see it plan as day.

Re: margin-top is not respected

Posted: Thu Aug 27, 2009 5:33 pm
by aneuryzma
What I mean is in the attached picture. I'm using Firefox on Mac.

I have this problem when I enlarge and then reduce the above.
If I enlarge and reduce the picture below it comes back in the correct position (correct margin-top)

The strange thing is that if I edit the css value (margin-top:20px) with Firebug to.. let's say.. 19px and then to 20px back.. it moves in the correct position. :banghead:

So it is like if I need to apply again the css..

I've also tried to use a timer with some delay in javascript but nothing..