HTML Forum

**Harvey** · 03:14 AM

See here for the example, in IE. In Firefox, it's fine, but IE decides to randomly make password boxes smaller, ruining my design!

Both are of the same class and 25 characters width each - any ideas?

EDIT: Changed link

**Dark-Skys99** · 08:42 PM

The link you posted doesnt work, but I think the probally is to do with how IE is made to handle the password fields, you can solve this using css..

HTML Code:

<style type="text/css">
input.field {
width: 200px;
}
</style>


<input type="text" class="field" />
<input type="password" class="field" />

OR

HTML Code:

<input type="text" style="width: 200px;" />
<input type="password" style="width: 200px;" />

Hope this helps

**Harvey** · 12-09-2005, 03:22 AM

Thanks, Darkskys99... but that didn't work - stayed the same. Have reposted the link so you can see what I mean.

Thanks

**Orodreth** · 12-09-2005, 05:54 AM

Looks perfectly fine here. Even in IE.

**Republikin** · 12-09-2005, 08:48 AM

I have encountered this in the past as well unfortunatly I don't remember there ever being a solution to this problem.

**Dark-Skys99** · 12-09-2005, 12:57 PM

Theres errors in the HTML..

Change this..

HTML Code:

<tr>
<td width="9%">Username:</td>
<td width="91%"><input name="username" type="text" class="gen" id="username" size: "25" width:"40px" /></td>
</tr>
<tr>
<td>Password:</td>
<td><input name="password" type="password" class="gen" id="password" size: "25" width="40px" /></td>
</tr>

to this..

HTML Code:

<tr>
<td width="9%">Username:</td>
<td width="91%"><input name="username" type="text" class="gen" id="username" style="width: 1500px" /></td>
</tr>
<tr>
<td>Password:</td>
 <td><input name="password" type="password" class="gen" id="password" style="width: 150px" /></td>
</tr>