Previous Message
Next Message

Safari ignoring hover

Sent by Tim Offenstein on 28 July 2006 02:02


Thanks Philippe, that did the trick.

Also I should have mentioned this earlier, the validation icons are 
temporary and will be removed once I submit the site to the client.

Cheers,

-Tim

>On Jul 28, 2006, at 9:53 AM, Tim Offenstein wrote:
>
>>  A couple questions on this page http://www.als.uiuc.edu/timo/ciba/
>>
>>  1.) My left hand menu uses a border-right for hover and focus which
>>  works fine in everything except Safari (2.0.4) which totally ignores
>>  this hover. Safari works fine with other links elsewhere on the page
>>  so I'm assuming it has an issue with the border in the hover. I
>>  couldn't find any work-arounds. Any suggestions?
>Safari has problems dynamically changing the display property on an element.
>A better approach is set the {display: block} on the <a>, and not 
>only on the a:hover as you do now
>
>#leftMenu a {display:block; /*other properties as needed*/}
>(in this case, it makes sense for every browser)
>
>>  3.) There's also an issue with Safari and Opera regarding the
>>  negative margin-top I have on the validation icons at the bottom of
>>  the page. If you have a quick recommendation regarding that, great,
>>  otherwise I'll fiddle with it later.
>
>And what if Opera and Safari are correct ? Imho Gecko is wrong here. 
>Not sure what iExploder does, but that one is never quite a 
>reference anyway.
>
>If you really want them to display consistently on every browser, 
>put them first in the source code.
>(and I would simply delete them. See David's answer.)
>
>
>Philippe
>---
>Philippe Wittenbergh
><http://emps.l-c-n.com>

-- 
******************************************************
     Tim Offenstein - Web Specialist - CITES  -  ALS - 244-2700 * IGPA 
- 244-1398
******************************************************
                                    "A cheerful heart is a good 
medicine" Proverbs 17:22 NRSV
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: