NunDesign: Tatyana Vuks - Собственно o мелких глюках netscape
статьи веб дизайн разработка сайтов [advansed search]  [карта сайта]

разработка


графика


продвижение и PR


будни разработки


обзоры




СОБСТВЕННО МЕЛКИХ ГЛЮКАХ

Приветствую всех!

Сегодняшний разговор навеян был безрадостным сообщением в тутошней гостевой по поводу моей домашней страницы. Автор сообщения по всей видимости открыл сайт в Netscape, и увидел кАшмАр. И это при условии, что сайт имеет преимущественно текстовый дизайн с минимальным количеством сценариев и линейным форматированием информации! Пришлось найти время, исправить настройки Netscape 4.7, и наконец-то самой посмотреть, что же я наваяла. Зрелище было печальное, я расстроилась, и после некоторого количества пива принялась за "уборку" – исправлять глюки, благо все мои коммерческие проекты уже приходилось "отутюживать" под Netscape, и с многими проблемами "подгонки" я уже сталкивалась раньше.

Попробуем собрать некоторое количество "явных" глюков отображения форматированной страницы в IE и Netscape, причем отметим не “официальные" разночтения (наличие layers и ilayers и отсутствие frame и iframe), а мелкие нюансы, которые легко проследить.

  1. Netscape гораздо критичнее IE относится к ошибкам форматирования – таким, как незакрытые теги таблиц, нарушение вложенности при форматировании текста:

    2. <div align="сеnter"><font><b>Пример <div><font><b>

  2. Почти то же самое про выравнивание в, например, списках:

    <P ALIGN="JUSTIFY"><LI>неправильно неправильно</LI></P>

    - выравнивание JUSTIFY игнорируется Netscape, хотя исполняется IE

    <LI><P ALIGN="JUSTIFY">правильно правильно правильно</P></LI>

  3. При формировании нумерованных и ненумерованных списков тег<br> добавляет одну пустую строку в IE и две в Netscape.

  4. <td></td>

    — такую конструкцию Netscape обрежет, он не выносит пустых ячеек, т.е. необходимо вставить спецсимвол пробела &nbsp;, или картинку 1х1 пиксель.

  5. При наличии вложенных таблиц: если внешнему тегу <table> задан background="", a внутри требуется другой цвет – для IE достаточно указать <td bgcolor="">, для Netscape потребуется сделать .gif размером 1х1 рх требуемого цвета (и индексировать его соответственно), и указать <background="ваш_гиф.gif">

  6. Очень сложно при использовании .css. Отметим что вспомнилось:

    1. Netscape игнорирует классы, которые имеют в названии знаки _, -, и некоторые другие спецсимволы – IE отображает нормально

    2. при фиксированном размере шрифта текст отображается по-разному

    3. Опять же про шрифты: Если задать в стиле для TD тип и размер шрифта — IE использует параметры этого стиля для любого текста, который расположен в ЛЮБОЙ ячейке таблицы. Для NN в этом случае необходимо указать стиль для TD и для TABLE - иначе при наличии вложенных таблиц NN стиль для шрифта игнорирует, и подставляет default — face и size

  7. При формировании индексированной распорки или индексированного с transparent`ом background`а следует помнить, что если в .gif`e количество “невидимых" пикселей больше 50% - она не отображается в Netscape.

  8. Escape- последовательности: начинаются с & и заканчиваются точкой с запятой - отсутствие точки с запятой не считается ошибкой в IE.

    Например
    неразрывный пробел: &nbsp — без точки запятой в конце - становится пробелом в IE считается ошибкой в Netscape

  9. Формы... Input... фиксированный размер... Да вы сами видели - input size="20" — как выглядит в IE — в Netscape в два раза длиннее. Простым форматированием не исправить. Контролируется PHP или JavaScript - проверяется браузер, значение размера Input`a подставляется динамически. Хотите пример скрипта? Хм, я подумаю...
    один из вариантов решения:

    <input size="20" style="width:200px"> При этом width определяет размер инпута в ИЕ, а size - размер инпута в Netscape.

  10. Атрибут center работает для любых таблиц в IE и для таблиц с фиксированной шириной в NN: <table width="570" align="center">

=============================

В завершение всего вышесказанного отмечу, что это вовсе не завершение. Список будет пополняться, и возможно не только благодаря моим изысканиям и стараниям, но и вашей поддержке. Возможно, кто-то захочет более полных объяснений; или даже готовых алгоритмов решений проблем... Конечно, я отвечу - или частным образом на мыло или здесь же... Ok, пишите письма!

P.S. В коментариях от Натальи:

P.P.S. В комментариях от меня:

NunDesign © 2001-2008 All rights reserved