Hi. I've got a site with a fixed (em-based) height (I know, but the
client insisted). It makes use of overflow: auto to cope with long
passages of text.
On some of my text links I've included supplemental information that
becomes visible only on :focus (the mouse users generally get
similarly-worded tooltips instead). An example markup would be:
<a href="#foo" title="this is valid anchor text"><span
class="onfocustext">this is valid</span>anchor text</a>
CSS:
a .onfocustext {position: absolute; left: -9999px;}
a .onfocustext:focus {position: relative; left: 0;}
This works fine in browsers including (for a change) IE. Except opera.
On pages where these focus-enhanced links appear within the overflow:
auto parent div, Opera seems intent on seeing invisible content and
drawing a scrollbar. Also, clicking a link designed to jump to a
fragment further down in the overflowed content scrolls the entire
browser window, not the scroll bar on the overflowing div.
'Focus-enhanced' links *not* inside the overflow: auto div do not
trigger this phenomenon.
I was initially seeing this behaviour on webkit browsers and Firefox
as well, until I realised that the parent div lacked a position:
relative rule. That corrected the problem in those browsers, but I
can't work out why Opera is still complaining. I don't know whether
it's a bug or whether it's reacting to something in the CSS that the
other browsers are more forgiving of.
An example page giving the trouble:
http://novatest.sharkattack.co.uk/development.php
I'm seeing the same thing in both mac and windows versions of opera (v.
9.5.1)
Can anyone help?
--
Rick Lecoat
www.sharkattack.co.uk
______________________________________________________________________
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/
