Sascha Ragtschaa: IE6 + WinXP + input type='password'

Ich habe etwas merkwürdiges bei mir im Quellcode festgestellt: irgendwie sind Formularfelder vom Typ 'password' unter Windows XP + IE6 (Service Pack 1) immer um ca. 2 Pixel größer als normale Formularfelder.

Hat dies auch irgendjemand beobachtet, oder sogar eine Lösung parat? Vielleicht habe ich ja an anderer Stelle einen Fehler?

Anbei der Quellcode:

<!-- schnipp -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<form name="form" action="http://irgendwas" method="POST" enctype="application/x-www-form-urlencoded">
 <tr>
  <td class="box_content" colspan="7"><img src="templates/test/images/blind.gif" width="1" height="10"></td>
 </tr>
 <tr>
  <td class="box_content" width="150" nowrap align="right">Username: *</td>
  <td class="box_content" width="10"><img src="templates/test/images/blind.gif" width="10" height="1"></td>
  <td class="box_content" width="250"><input type="text" name="username" value="" size="28" maxlength="32" tabindex="1"></td>
  <td class="box_content" width="30%" colspan="4"> </td>
 </tr>
 <tr>
  <td class="box_content" colspan="7"><img src="templates/test/images/blind.gif" width="1" height="5"></td>
 </tr>
  <tr>
  <td class="box_content" width="150" nowrap align="right">Passwort: *</td>
  <td class="box_content" width="10"><img src="templates/test/images/blind.gif" width="10" height="1"></td>
  <td class="box_content" width="250"><input type="password" name="password" value="" size="28" maxlength="32" tabindex="2"></td>
  <td class="box_content" width="30%" colspan="4"> </td>
 </tr>
 <tr>
  <td class="box_content" colspan="7"><img src="templates/test/images/blind.gif" width="1" height="5"></td>
 </tr>
  <tr>
  <td class="box_content" width="150" nowrap align="right">Passwortbestätigung: *</td>
  <td class="box_content" width="10"><img src="templates/test/images/blind.gif" width="10" height="1"></td>
  <td class="box_content" width="250"><input type="password" name="confirm_password" value="" size="28" maxlength="32" tabindex="3"></td>
  <td class="box_content" width="30%" colspan="4"> </td>
 </tr>
 <tr>
  <td class="box_content" colspan="7"><img src="templates/test/images/blind.gif" width="1" height="10"></td>
 </tr>
 <tr>
  <td class="box_content" width="150" nowrap align="right">Anrede: *</td>
  <td class="box_content" width="10"><img src="templates/test/images/blind.gif" width="10" height="1"></td>
  <td class="box_content" width="250">
   <input type="radio" name="gender" value="0" checked tabindex="4">Herr
   <input type="radio" name="gender" value="1" tabindex="5">Frau<br>
  </td>
  <td class="box_content" width="150" nowrap align="right">Titel:</td>
  <td class="box_content" width="10"><img src="templates/test/images/blind.gif" width="10" height="1"></td>
  <td class="box_content" width="250"><input type=text name="academictitle" value="" size="28" maxlength="16" tabindex="8"></td>
  <td class="box_content" width="30%"> </td>
 </tr>
 <tr>
  <td class="box_content" colspan="7"><img src="templates/test/images/blind.gif" width="1" height="5"></td>
 </tr>
</table>
<!--/ schnapp -->

  1. Hi,

    möglich. Wie tragisch ist dieses Problem? Andere Browser interpretier(t)en überhaupt kein CSS bei Formularfeldern wie <input>.

    Mittels CSS sollte man aber eine absolute Höhe für ein <input> festlegen können, wo sich alle <input>'s derselben definition dran halten sollten, egal welchen Typs.

    HTH, Tschau, Frank

    1. Sorry, aber ich glaube du hast mich etwas falsch verstanden. Ich habe nicht vor, die Größe der Formularfelder via CSS zu beeinflussen, es geht nur um die input size="...". Unter XP + IE6 sind Formularfelder vom typ "password" ca. 2 Pixel breiter (das Formular an sich, nicht der Text drin) als reguläre Formularfelder. Und das stört schon, wenn du eine Maske mit ca. 15 Feldern hast (z.B. Benutzer registrieren). Ich persönlich denke, das ist ein XP + IE 6 Bug ...

      Hi,

      möglich. Wie tragisch ist dieses Problem? Andere Browser interpretier(t)en überhaupt kein CSS bei Formularfeldern wie <input>.

      Mittels CSS sollte man aber eine absolute Höhe für ein <input> festlegen können, wo sich alle <input>'s derselben definition dran halten sollten, egal welchen Typs.

      HTH, Tschau, Frank

      1. Hi nochmal,

        ja, mag sein, dass dies ein bug ist und an XP oder IE6 hängt.

        Aber die offensichtlichste Möglichkeit das <input>-tag auf einheitliche Größe (width,height) zu trimmen ist CSS. Du hattest doch nach einer Lösung gefragt, oder irre ich mich?

        Gruß, Frank