Previous Message
Next Message

Safari ignoring hover

Sent by Philippe Wittenbergh on 28 July 2006 02:02


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>




______________________________________________________________________
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: