Search code examples
htmlcsstabindex

Tab index on floating inputs

I have a page with a for layout where one half of the page is dynamic width an the other is fixed. This is achieved by floating the fixed width side to the right. It all displays fine but because the fixed width markup comes before the dynamic width markup the tab ordering gets thrown off.

See here: http://jsfiddle.net/BaMqG/

How can i overcome this without resorting to putting tabindex properties on the inputs?

Solution

  • I have managed to get the same looking form with no tab index to work by using tables.

    See here: http://jsfiddle.net/ymSGM/

    I would still be interested if it can be done any other way.