Page 1 of 1

IE hover cause padding to change...

Posted: Fri Oct 13, 2006 1:37 pm
by numer9
Hey,
i've created this page: http://www.hoteltwins.pl recently. I was using default CMS MS templates as a "base", adding new components and stuff to get to the point the site is right now. It is valid in XHTML and CSS. On my unix - i'm happy with the result.

but there's a tiny bug on IE - when hovering on some menu link, the padding (or the margin) of the content is changing, causing the page to skip for couple of pixels. can you help me? I tried everything and have no idea what's wrong with **!?*& IE and my w3org-valid code... As a unix user i need some help from outside ;) thanks! ps - it's only IE bug, so on other browsers there's no visual result.

Re: IE hover cause padding to change...

Posted: Fri Oct 13, 2006 2:17 pm
by tsw
its IE 3px job bug, cant remember the fix right now, but google will help you with "3px job bug" ;)

Re: IE hover cause padding to change...

Posted: Fri Oct 13, 2006 3:22 pm
by numer9
yap, or "3px jog" gave me full hints. For example setting right margin of last float element to -3px should do it; and setting default p height to 1% should also do the trick - but no luck for now. But now i know where to look for. Thanks! ;)

Re: IE hover cause padding to change...

Posted: Fri Oct 13, 2006 5:17 pm
by Dr.CSS
You may want to take out all the border: 0px solid #color in the menu and since you are using a fixed width take out the call for the IE width fix in the head...

{literal}

=b){nw=b+"px";}if(w



#pagewrapper {width:expression(P7_MinMaxW(720,950));}
#container {height: 1%;}


{/literal}

Re: IE hover cause padding to change...

Posted: Fri Oct 20, 2006 2:20 pm
by numer9
although it has nothing to do with 3 px jog bug that i have, good tip - I've deleted this part of code and all the 0px borders. Thanks!