Posted by Bernhard Sturm on 10/31/07 19:32
Jonathan N. Little wrote:
>
> But <div id="outer"> *is* at the top of your page! So a link:
>
> <a href="#outer">To the top</a> would take them to the top of the page.
> There is nothing magical about the name "top", just it's location...
>
I can see what you mean and I understand you perfectly :-)... but my
point is:
div id="outer" is *not* at the top of my page (from a visual UA only
standpoint it is, but you have to think at screen reader UAs). Look at
the source:
<body>
<div id="accessibility>
</div>
<div id="outer">
....
The top anchor needs to be _before_ the accessibility div but _not_
within the accessibility div... that's why there is a *superfluous*
empty div (as you put it) :-)
So my working structure is now:
<body>
<div><a name="top" id="top"></a></div>
<div id="accessibility">
</div>
<div id="outer">
I do admit: it looks awkward, but it serves its purpose...
cheers
bernhard
--
www.daszeichen.ch
remove nixspam to reply
[Back to original message]
|