J
Johannes Kiehl
Hi group,
I've been losing most of my remaining hair today, trying to
track down a problem with IE6.0 (builds: .2600 and XP SP 2).
I set the border-width of form input fields to 1px via
inline CSS.
But whenever I call the focus() method of any of the form
fields, the border width of the (first) submit button changes
to 2px. It doesn't matter whether the focus() method is called
immediately onload or whether it's delayed with settimeout().
I suppose I'm not the first earthling to notice this, so
any reference to the problem and solutions is welcome here
(might even restore my mop).
A working sample can be seen here:
http://www.absentia.de/temp/border2.htm
As web pages don't live forever, I'll attach the code to
the post. Don't grumble, it's short...
Thanks for your comments
Johannes
--- 8< ---
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html><head><title>Login</title>
<style>
form.login input {
border:1px solid #000;
}
</style>
<script type="text/javascript">
function setfoc() {
document.getElementById('SUser').focus()
// setTimeout("document.getElementById('SUser').focus()",100);
}
</script>
</head>
<body onload="setfoc()">
<form method="POST" action="#" class="login" name="f" id="f">
<label for="SUser">Name</span>
<input type="text" length="24" name="SUser" id="SUser">
<label for="SPU">Pass</span>
<input type="text" length="24" name="SPU" id="SPU">
<input type="submit" value=" Login " name="submit" id="submit">
</form>
</body></html>
--- >8 ---
I've been losing most of my remaining hair today, trying to
track down a problem with IE6.0 (builds: .2600 and XP SP 2).
I set the border-width of form input fields to 1px via
inline CSS.
But whenever I call the focus() method of any of the form
fields, the border width of the (first) submit button changes
to 2px. It doesn't matter whether the focus() method is called
immediately onload or whether it's delayed with settimeout().
I suppose I'm not the first earthling to notice this, so
any reference to the problem and solutions is welcome here
(might even restore my mop).
A working sample can be seen here:
http://www.absentia.de/temp/border2.htm
As web pages don't live forever, I'll attach the code to
the post. Don't grumble, it's short...
Thanks for your comments
Johannes
--- 8< ---
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html><head><title>Login</title>
<style>
form.login input {
border:1px solid #000;
}
</style>
<script type="text/javascript">
function setfoc() {
document.getElementById('SUser').focus()
// setTimeout("document.getElementById('SUser').focus()",100);
}
</script>
</head>
<body onload="setfoc()">
<form method="POST" action="#" class="login" name="f" id="f">
<label for="SUser">Name</span>
<input type="text" length="24" name="SUser" id="SUser">
<label for="SPU">Pass</span>
<input type="text" length="24" name="SPU" id="SPU">
<input type="submit" value=" Login " name="submit" id="submit">
</form>
</body></html>
--- >8 ---