Категория «Баги в браузерах»:

Крестовый поход против IE6

Иллюстрация к статье «Крестовый поход против IE6»

Не буду первооткрывателем или человеком, впервые озвучившим вслух эту мысль, но про IE6 уже давно пора забыть.

Да, уже были попытки отказаться от него на хабре и на других западных блогах, слегка поддерживаемые веб-разработчиками, но как и любое новомодное попсовое движение, эти попытки тихо и мирно загнулись. Дальше →

Различное отображение text-transform в браузерах

Иллюстрация к статье Акция «Различное отображение text-transform в браузерах»

Не знаю, поможет ли кому-нибудь в работе, или просто возьмёте на заметку. Заметил, что браузеры по-разному обрабатывают CSS-свойством text-transform слова написанные через дефис.

Ниже приведу парочку скриншотов в доказательство. Дальше →

Баг с PNG-прозрачностью в IE6, но не тот, о котором вы подумали

Баг с PNG-прозрачностью в IE6, но не тот, о котором вы подумали

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

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

Лишние отступы под изображениями в IE6,7

Иллюстрация к статье «Лишние отступы под изображениями в IE6,7»

Собственно еще один баг в IE, о котором я успешно забыл, но он, красавец, недавно сам о себе напомнил.

Проявляется он довольно просто — после верстки, на выходе, мы получаем непонятные отступы под изображениями, которые ломают дизайн на странице, да и выглядят как-то не очень приятно. Дальше →

Боремся с двойным отступом в IE6 при использовании float

Боремся с двойным отступом в IE6 при использовании float

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

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