Не так давно я писал статью о том, как сделать полосатые таблицы. Помимо того, что таблицы должны были быть полосатыми, мы добились также подсветки строк при наведении курсора, что позволяет ускорять анализ табличных данных.
Но, как вы помните, нас подвел все тот же горячо любимый IE6. Проблема в том, что этот браузер не поддерживает псевдокласс hover ни для каких элементов кроме "a" (ссылок).

В этой статье я расскажу вам, как обойти это ограничение.

Сейчас верстал дизайн для электронной книги (О них как-нибудь в другой раз вам поведаю) и столкнулся с проблемой:
Имеется код вида

То есть мне требуется прижать некоторое изображение вплотную к таблице, которая идет ниже. Opera, FF показывают нормально, а в IE опять все не как у людей - между изображением и таблицей отступ, который никоим образом не убирается. Я его и так, и сяк - ни в какую. И вот, после некоторых мучений из-за случайного нажатия (опять меня спас мой любимый метод научного тыка) все встало на свои места.
Оказывается, этот косяк в IE правится убиранием всех пробелов и переносов после изображения. То есть

заменяем на

и проблема исчерпана.

Вот так легко и непринужденно мы нашли и исправили еще один косяк в IE6. Если вас интересует создание сайтов, то подобное действие вам придется повторять еще неоднократно. Хотя, если вы являетесь жителем Казани, можно его просто заказать по ссылке выше.

Начну статью с того, что поведаю вам, дорогие читатели, о том, что я очень уж люблю формат изображений PNG. Во-первых, он по объему часто занимает куда меньше места, чем тот же JPG, и у него есть одна приятная особенность, о которой читайте дальше.
Часто при создании дизайна веб-страниц требуются изображения с прозрачным фоном, а на это способны только два формата: GIF и PNG. Расскажу об обоих форматах по-немногу:
GIF позволяет сохранять анимированные изображения, а также поддерживает прозрачность. Но прозрачность не имеет больших возможностей. Тут пиксел либо прозрачный, либо нет, из-за чего изображения часто получаются угловатыми, с некрасивым неровным фоном, белыми краями...
Другая ситуация с PNG: благодаря наличию альфа-канала, изображение поддерживает до 256 уровней прозрачности! То есть возможна не тольк полная прозрачность, но и полупрозрачность разной "силы". То есть тут возможны плавные переходы изображения в фон, что открывает широкий простор для дизайнерских решений.
Но есть одна проблема: браузеры IE версии 6 и ниже не допускают прозрачности PNG вообще. То есть любой браузер показывает все замечательно, а этот просто-напросто делает серый фон, портящий весь дизайн.
Я очень долго искал способ решения этой проблемы и наконец-то нашел.

Современный вебмастер в редких случаях, даже при написании простейшего сайта, обходится без помощи CSS, и наверняка каждый из них хотя бы раз сталкивался с тем, что один и тот же код в разных браузерах отображается по-разному.
Бывает так, что сверстал страничку, проверил под Оперой - все нормально, а запустил под IE - рисунок не там, или <DIV> уполз. Полез ковырять код, провозился некоторое время, под IE все ок, но вот незадача - теперь Opera барахлить стала. То есть имеются два варианта стиля, но оба подходят для разных браузеров.
"Что делать?" - спросите вы. Для этого и существуют CSS-хаки, о которых я вам и расскажу в этой статье.