|
Posted by Jonathan N. Little on 10/31/07 19:51
Bernhard Sturm wrote:
> 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...
<body id="top">
<div id="accessibility"> ...
And anyway what is div "accessibility" for?
#accessibility {
position:absolute;
left:-1000em;
top:-1em;
display:none;
}
If you are not displaying it why bother with left:-1000em;?
--
Take care,
Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
[Back to original message]
|