Блог веб разработчика Wincert

Когда я верстаю сайты, я делаю их кроссбраузерными, то есть чтобы в большинстве браузеров они смотрелись одинаково. Обычно кроссбраузерность делаю для IE7, IE6, Opera, FireFox, т.к. это основные браузеры которыми пользуется пользователь интернета.

При верстке этого блога я столкнулся с проблемой отображения сайта в IE6 (Internet Explorer 6.0) при кодировке UTF-8. Верстал я блог в стандартной кодировке windows-1251, а когда натянул шаблон на CMS Drupal, то увидел что в IE6 весь сайт расползся :( как будто часть CSS стилей не применилась к содержимому страницы. Блог у меня стоит на кодировке UTF-8.

Приведу пример сверстанных HTML страниц своего блога чтобы вы до конца поняли о чем идет речь в этой статье (страница1 - windows-1251 и страница2 - UTF-8). Эти две страницы абсолютно одинаковы и используют один и тот же CSS файл для оформления, единственная разница между ними это кодировки, страница1 находится в стандартной кодировке windows-1251, а страница2 в кодировке UTF-8. Если посмотреть эти две страницы в IE6, то вы увидите что страница1 отображается нормально, а страница2 вся расползлась. И я начал копаться в интернете в этом направлении. Результат не заставил себя долго ждать и решение этой проблемы я нашел }:-). Это оказался какой то баг или просто не совершенность браузера IE6.

Выход из этой ситуации есть, а точнее их 2:

1. Убрать все русские комментарии в подключаемом к странице CSS файле;

2. Сохранить подключаемый CSS файл в кодировке UTF-8.

Я выбрал второй вариант, т.к. CSS файл довольно таки не маленький получился у меня и комментарии на русском языке к которым я так привык очень помогают. Вот такое простое решение имеет эта по началу казавшаяся сложной и непонятной проблема. Правда я думал я спятил совсем когда увидел что один и тот же HTML код на движке весь расползся в IE6, а не на движке все нормально отображается в IE6. Но хорошо что все хорошее хорошо кончается :-).