ВишенкиНовости
Готовые работы
Услуги
Полезные ссылки
Глоссарий
Контактная информация
Статьи по Web-дизайну

Слуга двух господ (Часть I)

Версия для распечатки
Версия
для распечатки

Да, это - бедный web-дизайнер, которому приходится тратить уйму сил для укрощения и дрессировки страничек, чтобы на них было приятно смотреть и при помощи Internet Explorer, и при помощи Netscape Navigator.

Общее правило при написании совместимых страничек звучит так: есть некоторый набор вещей, который можно сделать как в IE, так и в NN, но только при помощи разных тегов или разных параметров одного и того же тега. Причина, по которой мы можем писать совместимые странички, заключается в том, что непонятные для себя теги и параметры броузер игнорирует.

Установка отступов на страничке

Для примера разберёмся с установкой отступов в теге <body>. Если мы откроем руководство по HTML, которое нам предлагает Microsoft, то прочитаем там, что задать отступы на страничке можно при помощи следующих атрибутов:

    leftmargin - отступ слева
    rightmargin - отступ справа
    topmargin - отступ сверху
    bottom margin - отступ снизу

Будем последовательны и откроем теперь руководство по HTML со стороны Netscape, где прочитаем, что атрибуты для задания отступов выглядят следующим образом:

    marginwidth - отступ слева и справа
    marginheight - отступ сверху и снизу

А теперь мы напишем код, который задаёт отступы слева и сверху и корректно показывается как в IE, так и в NN. Вы уже, наверное, догадались, что он должен выглядеть следующим образом:

<body leftmargin="0", topmargin="0", marginwidth="0" marginheight="0">

Вуа-ля! Всё нормально работает. IE видит только свои атрибуты, а NN свои, и всем хорошо :).

Сколько же всего таких хитростей? Неужели их нужно все помнить? Вовсе нет, нужно просто запомнить несколько наиболее употребляемых и уже на стадии проектирования web-сайта отбрасывать возможности, которые невозможно реализовать в обоих броузерах. Да, это, конечно, немного обидно, но лучше уж мы немного пожертвуем каким-нибудь эффектом, чем оставим огромную часть посетителей за бортом своего сайта. Не правда ли?

Эти возможности лучше не использовать

Вот список возможностей, предоставляемых тем или иным броузером, но которые желательно не использовать (как минимум до появления аналогичного свойства у другого броузера).

  • Использование атрибута bgproperties=fixed в теге <body>. Его появление заставляет фоновое изображение оставаться неподвижным, но, к сожалению, данный атрибут поддерживается только IE, начиная с версии 2.

  • Использование языка VBScript на динамических страничках. Почему? Потому что он абсолютно не поддерживается NN и, по всей видимости, никогда не будет. Да это и не нужно, так как есть JavaScript, предоставляющий те же самые возможности (и даже больше), что и VBScript, но поддерживающийся обоими броузерами.

  • Использование ActiveX компонентов. Такие странички будут работать исключительно на Windows-платформах.

  • Использование тега <iframe> для создания плавающих фреймов - поддерживается исключительно IE4 и выше.

  • Использование тега <blink> - мигающий текст. Во-первых, он применим только в NN, начиная с 3-ей версии, а во-вторых, его применение не несёт ничего, кроме раздражения и желания моментально уйти со странички.

  • Использование тега <marquee> - нежелательно точно по тем же причинам, что и у тега <blink>. Разница только в том, что он поддерживается только IE.

  • Применение специфического для NN тега <multicol>, выводящего текст на странице в несколько вертикальных колонок, наподобие газетных. В настоящее время для этой цели следует пользоваться таблицами.

  • Указание ширины и высоты изображений в процентах - поддерживается только IE.

Этот список, конечно, не полон, но это основные ошибки. Всё, что описано, касается сайта, выставляемого в Internet. Если же Вы делаете сайт для внутренней сети (intranet), то можете использовать всё, что Вам заблагорассудится :).


<< Предыдущая статья | Следующая статья >>