Практика разработки Web-страниц

         

Текстовые поля имеют разную ширину в разных броузерах


Когда вы используете атрибут размера поля <INPUT>, чтобы установить ширину поля, Netscape и Internet Explorer воспринимают ваши настройки по-разному. Это происходит потому, что Internet Explorer использует в текстовых окнах пропорциональный шрифт, в то время как Netscape использует моноширинный шрифт, который шире.



Броузеры по-разному устанавливают размер текстовых окон

Чтобы добиться одинаковой ширины текстовых окон в большинстве броузеров, сделайте следующее.

  1. Если вы хотите использовать моноширинный шрифт, самое простое решение – указать шрифт в стиле к тэгу <INPUT>. Поместите этот код в раздел <HEAD> вашей страницы:

    <style> input {font-family:'courier new', courier,monospace } </style>

  2. Если вы хотите использовать пропорциональный шрифт в Internet Explorer, используйте стиль, чтобы установить ширину каждого текстового окна:

    <input type="text"name="email"size=32 style="width:260px">

    Поскольку Netscape 4 игнорирует этот стиль, вы должны сначала указать атрибут size, просмотрев страницу в Netscape 4, чтобы убедиться в правильности размеров текстового окна. Затем отрегулируйте параметр width в пикселях, чтобы он был таким же, как в Internet Explorer.

  3. Просмотрите вашу страницу в обоих броузерах и, если возможно, на разных компьютерах.
Netscape регулирует размер текстового окна, когда посетитель регулирует размер шрифта в своем броузере. По этой причине вы не можете быть уверены, что ваши поля <INPUT> поместятся в отведенное им пространство, по крайней мере не в Netscape 4 или более раннем, где установка стиля width не приносит никакого эффекта.



Содержание раздела