| Россия |
Преподаватель
Вы можете этот курс.
Опубликован: 06.10.2006 | Уровень: для всех | Доступ: свободно
Лекция 18:
Формы
Текстовые поля имеют разную ширину в разных броузерах
Когда вы используете атрибут размера поля <INPUT>, чтобы установить ширину поля, Netscape и Internet Explorer воспринимают ваши настройки по-разному. Это происходит потому, что Internet Explorer использует в текстовых окнах пропорциональный шрифт, в то время как Netscape использует моноширинный шрифт, который шире.
Чтобы добиться одинаковой ширины текстовых окон в большинстве броузеров, сделайте следующее.
-
Если вы хотите использовать моноширинный шрифт, самое простое решение – указать шрифт в стиле к тэгу <INPUT>. Поместите этот код в раздел <HEAD> вашей страницы:
<style> input {font-family:'courier new', courier,monospace } </style> -
Если вы хотите использовать пропорциональный шрифт в Internet Explorer, используйте стиль, чтобы установить ширину каждого текстового окна:
<input type="text"name="email"size=32 style="width:260px">
Поскольку Netscape 4 игнорирует этот стиль, вы должны сначала указать атрибут size, просмотрев страницу в Netscape 4, чтобы убедиться в правильности размеров текстового окна. Затем отрегулируйте параметр width в пикселях, чтобы он был таким же, как в Internet Explorer.
- Просмотрите вашу страницу в обоих броузерах и, если возможно, на разных компьютерах.
Netscape регулирует размер текстового окна, когда посетитель регулирует размер шрифта в своем броузере. По этой причине вы не можете быть уверены, что ваши поля <INPUT> поместятся в отведенное им пространство, по крайней мере не в Netscape 4 или более раннем, где установка стиля width не приносит никакого эффекта.