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..