Do you have a question? Post it now! No Registration Necessary. Now with pictures!
- Posted on
- CSS link rollover bug in IE 5 Mac
October 15, 2004, 9:58 pm
rate this thread
is looking for a workaround, I wanted to post what I've found.
If you have pseudo class selectors...
....to create a rollover effect, in IE 5 for the Mac it can cause the element,
such as a p or h1, h2, etc. that has the link in it, to spring out to a wider
size. You roll over and the hover effect occurs, then you roll off and the hover
effect goes away, but the element suddenly occupies more horizontal space and
I've seen this also happen in other browsers in the past. I did a search and
found reports of similar bugs, though not exactly the same. (Try searching on
"text shift left hyperlink" and "jumping links bug".)
The solution I found was to make sure to only change *color*, and not to add or
remove things. For example in the "a" selector, don't have no background and
then add a background in the "a:hover" selector.
As another example, this works:
border-bottom: solid 1px #333499;
border-bottom: solid 1px #EC2F00;
To put it simply, use an identical set of attributes in each pseudo class,
change only the attribute values.
Hope this helps someone.
Re: CSS link rollover bug in IE 5 Mac
> To put it simply, use an identical set of attributes in each pseudo class,
> change only the attribute values.
You may want to join the CSS-Discuss mailing list and offer your
findings to a broader range of CSS experts. Some manage websites where
bugs and their solutions have a permanent spotlight on them. Your
solution there may wind up helping more people than just those who
frequent this group.
- » ssh on command line: force using a group size (prime size) of 1024 (and no...
- — The site's Newest Thread. Posted in » Secure Shell Forum