>From: Gunlaug Sørtun >To: CSS-D >Cc: Scott Glasgow >Sent: Friday, February 13, 2009 1:51 AM >Subject: Re: [css-d] :hover pseudo-class unusual behavior in Webkit > > >Philippe Wittenbergh wrote: >> On Feb 13, 2009, at 4:59 AM, Scott Glasgow wrote: > >>> Look at the pics here: http://www.fcphd.org/community.html > >> WebKit based browsers still seem to have a problem changing the >> display property on :hover. > >A working variant, tailored to your layout, is to replace .zoom and >.zoom:hover styles with the following... > >.zoom { >position:relative; >float: left; >margin: 0 0 4px 5px; >} >.zoom:hover { >width: 336px; >height: 252px; >border: 2px solid #ff0000; >z-index:10; >margin: 0 0 -166px -217px; >} > >...which will do away with the horizontal scrollbar caused by relative >positioning that appears on :hover. > >The above also eliminates the varying length of #right_col that pushes >#footer down on :hover. If you want that push effect - to keep all >reduced size images visible also during :hover, you can modify the >.zoom:hover margin... > >.zoom:hover { > >margin: 0 0 4px -217px; >} > >...and then pull up the bottom margin on #right_col... > >#right_col { >float: right; >width: 125px; >text-align: center; >margin-bottom: -220px; >} > >...to keep it from pushing the #footer. > > >FYI: Whatever;hover... ><http://www.xs4all.nl/~peterned/csshover.html> >...can bring IE6 in on the game - if you like. > >regards >Georg >-- >http://www.gunlaug.no
Philippe, David, Georg, thank you very much for your help with this issue. I was not previously aware of the Webkit issue with property changes on hover. This discussion will definitely be added to EverNote. I will pass this information along to Jim, and when I get a little time this weekend, do a little experimenting myself just to learn more about the consequences and affix the information in memory. BTW, David, I'm afraid I don't have any control over the sexiness of the site. It appears to be a community site for wherever Jim works(hospital district?) and the content is entirely up to him. :-) cheers, scott ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
