Posted by Christoph on 12/12/06 16:31

> Does the actual page contain the same errors that this sample does?

No. :) That was just the basic structure.

> Post a URL not snippets of code, how do we know whether what you
> describe is due to the errors we can see or something elsewhere in your
> HTML or CSS. From the above we can't even see if you're triggering
> quirks mode or standards mode.

Fair enough. My apologies.

>> When tabbing between form elements, it focus doesn't actually go to the
>> next/previous element.
> In which browsers?

Firefox 1.5. I don't get the same problem in IE7. I do have different
problems in IE7 but I know why that is.

>> What's happening is that focus is going to the div.
> Or perhaps, to the label?

No, definitely the div. As a test, I put normal borders around both and
when I tab, I see the 'focus' border (for the want of a better description)
matches that of the div border.

>> BODY { tab-index: none; }
> The tab-index property in CSS 3 is not yet widely supported by browsers
> and should not be relied on. none is not an allowed value for it
> anyway.

Ok.

>> How can I make it so that the DIVs are not given focus in the form? That
>> only the actual form elements get focus when tabbed to/from?
> Show us the actual code.
> With the code corrected (adding required attributes and elements,
> fixing broken label elements) I don't get the behaviour you desribe in
> IE7, FireFox 1.5 or Opera 9.

I do think that the problem lay somewhere in my CSS. If I take that out, I
don't experience the problem. But for the life of me, I can't figure out
*where* in my CSS that is the root of the problem.

You can see the page here:

http://www.geocities.com/jcboget/communal_haven/edit.htm

Just click in the 'Name' form element field and hit the [TAB] key.

thnx,
Christoph

[Back to original message]