Уже долгое время на сайтах популярны различные вебдванольные стикеры, которые «клеятся на макет сверху», часто с помощью абсолютного позиционирования. При вёрстке, такие изображения лучше сохранять в формат PNG, чтобы оставить все тени и полупрозрачности, как на исходном макете. Да и GIF формат, часто не подходит из-за зазубренных краёв и отсутствия в нём полупрозрачности.

И конечно же, все мы знаем, что в IE6 есть проблема с отображением PNG — изображение появляется на сером фоне вместо прозрачного. Чтобы оно отображалось правильно, нужно применить фильтр AlphaImageLoader. Но не все знают, что если такое изображение поместить внутрь ссылки, она начинает работать «неправильно». Дальше →

Этим постом хочу начать раскрытие одной важной темы — различных багов в браузерах и методов борьбы с ними. В основном, конечно же, это касается CSS-верстки и написания js-скриптов. По опыту знаю, что каждая такая проблема способна измотать нервы не на один день, затянуть сдачу проекта и вызвать недовольство клиента.

Решение достаточно простое

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

Для путешествий в бесконечный мир HTTP я использую браузер Mozilla Firefox 2 плюс несколько расширений к нему (Web Developer, Firebug и HTML Validator). Последний проводит валидацию страниц «на лету», без необходимости загружать их через W3C Validator.

Так вот, в этот раз мой «домашний» валидатор подмигнул мне красным глазом в правом нижнем углу страницы. А это значит, что где-то на странице самого валидатора W3C есть ошибки, и как следствие, несоответствие разметки веб-стандартам (o_O).

Да, я тоже слегка в шоке