|
|
|
| Привет всем,
Не могу понять, почему 2 один за другим идущих поля <input> под IE6 имеют разную длину?
<form method="post">
Username:<br><input type="text" size="20" class="leftlogin"><br>
Password:<br><input type="password" size="20" class="leftlogin"><br><br>
<a href="" onclick="javascript:void(0)" style="border:0px; color:#FFF; text-decoration:none;"><b>Login</b> <img src="i/rightarrow2_black.gif" border="0px;"></a>
</form>
|
указанный в листинге класс всего лишь перекрашивает фон поля ввода.
под Opera & Mozilla поля одинаковой длины, как и требуется; а под IE6 - первое поле длинее на 2 символа. Если же ставлю ему size=18 - то под IE все олинаково, но слетает Opera... | |
|
|
|
|
|
|
|
для: LouD
(17.06.2007 в 10:56)
| | не используйте size, в классе перекрашивающем фон установите width. | |
|
|
|
|
|
|
|
для: AlexSol
(17.06.2007 в 10:59)
| | Спасибо, помогло! :)
не ясно, правда, почему такой дурью вдруг стал size маяться... | |
|
|
|
|
|
|
|
для: LouD
(17.06.2007 в 11:02)
| | Остается только предположить, что изначально (так как у вас два разных поля type="text" и type="password") IE отводит под звездочки (type="password") места несколько меньше, чем под текстовый элемент (type="text") в который будут вводиться буквы и при равном значении size первый (type="password") оказывается короче - значение размеров берется в знаках символов (in number of characters). http://www.w3schools.com/htmldom/prop_text_size.asp | |
|
|
|
|
|
|
|
для: LouD
(17.06.2007 в 10:56)
| | Замечу, что при моём разрешении 1024х768 я вовсе не вижу на экране поля ввода логина и пассворда.
И не могу его "достать" ни при помощи скроллбара, ни даже пытаясь выделить мышью... | |
|
|
|