Page 1 of 1

[SOLVED] hovering make images displacement in IE

Posted: Tue Nov 14, 2006 6:15 pm
by chris..
Hi, I've some problems in IE 6 (Could someone kill Bill ?) for this 1.0.2 CMS site : http://test.thuyphap.be.

case 1 : images are not in their right place and when I'm hovering some links they do (http://test.thuyphap.be/acceuil/)
case 2 : images are in their right place and when I'm hovering some links they displace (http://test.thuyphap.be/infos)

Some idea(s) ? I've almost leave css by default.

Re: hovering make images displacement in IE

Posted: Wed Nov 15, 2006 6:00 pm
by chris..
I had time to make some tests :

Same problems with absolute default layout, only when images are align="left" or style="float:left;" and displacement is proportionnal to pagewarper margins (when I resize and reload page, displacement is smaller).

And the problem exists with tables too : in fact not the same problems. Layout is OK when page is loaded but when I hover a link, the table move downside.

A clue anyone ?

Re: hovering make images displacement in IE

Posted: Wed Nov 15, 2006 6:14 pm
by Der Rudi
sounds like the 3px IE jog bug. If you google you should find a solution to test.
Hope this helped.

Re: hovering make images displacement in IE

Posted: Wed Nov 15, 2006 7:11 pm
by chris..
Great thanx !!!!
It was absolutely not the good answer, but you made me dive deep inside the CSS and I found a solution :

div#main{
  margin-left:29%;
  margin-right:2%;
}
The 29% was applied to the image after the left menu (29% for the main block plus 29% for the image)
And I think the 2% right margin was applied to the 100% table which was then pushed after the left menu.

So my solution : pixelize #sidebar and margins in #main.

P.S: Let me kill Bill by myself..