CSS и Internet Explorer
CSS и Internet Explorer — это удивительное сочетание. Особенно, когда имеешь несчастье проверять в разных версиях самого популярного браузера. Недавно столкнулся с такой штукой. Знал, что не получится, но стало интересно.
На странице есть три одинаковых блока: заголовок, а за ним таблица с наименованиями и ценами. Заголовки отличаются цветами и иконкой. Соответственно, пришлось назначить этим заголовкам id. А цвет шрифта у цен в таблице, следующей за этим заголовком, такой же как у заголовка. Решил сделать так:
#foo + table td.bar {
color:#D94800;
}
где #foo — id заголовка, bar — class для ячейки, шрифт в которой надо покрасить.
Работает в Opera, Firefox, и… Internet Explorer 5.01. В IE 5.5 и IE 6 — не работает. Почему? Загадка.
Пришлось написать классы для таблиц, и отдельно описать.
.foo td.bar {
color:#D94800;
}
Можно было сделать проще — назначить id не заголовку, а завернуть заголовок и таблицу в div и ему указать id.
А на IE5, особенно 5.5 я часто и долго матерно ругался в процессе работы. Надо было сделать все таблицами, а не вые div+css…
98746801