Home/ Questions/Q 170623
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-11T12:50:30+00:00

See the simple form below. It’s just a text box on top of a

  • 0

See the simple form below. It’s just a text box on top of a password box. If you look at it in Internet Explorer 7 (and 8, and probably others) the text box is 10 pixels wider than the password box. 

<!DOCTYPE html PUBLIC '-//W3C//DTD HTML 4.01//EN'    'http://www.w3.org/TR/html4/strict.dtd'>  <html> <head>     <meta http-equiv='Content-Type' content='text/html; charset=utf-8'>     <title>IE Text vs. Password test</title> </head> <body>                   <form action='test'>    <p>     <input type='text'><br>       <input type='password'>         </p> </form>            </body> </html>

Is there a way to ‘fix’ that globally, either through CSS or by adding something to the HTML?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Because different font is used in those types of fields.

    The fix is simply to specify that all inputs use the same font.

    <style type='text/css'>   input {       font-family: sans-serif;                   } </style>
    • 0