Issue of blind data entry

HTML & CSS
1

By using keyboard tab key, I’m able see the tabindexed td in firefox, but in IE 6,7 I’m unable to see tab-indexed current td while moving, and horizontal scoll is not moving if tabindex focus is out of overflow width.
Expected behaviour horizontal scroll should move when tabindex is out of scroll width. (As it like Firefox 3)
Kindly suggest me if you come across any solution.

2

Hi Welcome to Sitepoint:)

Do you have a live example of the problem as I seem to be able to tab through the inputs in the following code in IE.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
table {
	overflow:scroll;
	position:relative;
	width:100%;
}
input:focus {
	background:red
}
</style>
</head>
<body>
<form id="form1" method="post" action="">
	<table  cellspacing="0" cellpadding="0">
		<tr>
			<td><input type="text" name="textfield1" /></td>
			<td><input type="text" name="textfield2" /></td>
			<td><input type="text" name="textfield3" /></td>
			<td><input type="text" name="textfield4" /></td>
			<td><input type="text" name="textfield5" /></td>
			<td><input type="text" name="textfield6" /></td>
			<td><input type="text" name="textfield7" /></td>
			<td><input type="text" name="textfield8" /></td>
			<td><input type="text" name="textfield9" /></td>
			<td><input type="text" name="textfield10" /></td>
			<td><input type="text" name="textfield11" /></td>
			<td><input type="text" name="textfield12" /></td>
			<td><input type="text" name="textfield13" /></td>
			<td><input type="text" name="textfield14" /></td>
			<td><input type="text" name="textfield15" /></td>
			<td><input type="text" name="textfield16" /></td>
			<td><input type="text" name="textfield17" /></td>
			<td><input type="text" name="textfield18" /></td>
			<td><input type="text" name="textfield19" /></td>
			<td><input type="text" name="textfield20" /></td>
		</tr>
	</table>
</form>
</body>
</html>

Or did you mean something else?