— Привет, меня зовут Максим Покровский. Вы находитесь в моем рабочем кабинете. Поскольку я фрилансер, будем считать, что именно так он и выглядит. Здесь я пишу много интересных вещей, и если вы почувствовали, что я именно тот человек, который вам нужен, то я всегда открыт для контакта.

Сделал за последнее время:

Добавил в портфель около 48-и новых работ:
Сделал очень много всяких штук при работе над поддержкой сайтов.
Как бы это теперь в портфель запихнуть?

Заказать мне работу

07.09

Лечим IE 7

Комментарии (2) CSS

C появлением Висты, а точнее с появление в Висте IE7 разработчикам приходится обходить глюки не только в IE6, но и в семерке. Хотя IE7 развит больше чем его предшественник, но все же приходиться лечить и его. Итак, вот хаки которые понимает только IE7

По степени здравомыслия:

1. Условные комментарии

<!--[if IE 7]>

<link rel="stylesheet" type="text/css" href="ie7.css" />

<![endif]-->

2. Инлайновые хаки.

Что это такое? Это использование хака для конкрентого свойства. Суть его заключается в том, чтобы добавить перед свойством дополнительный символ. Такой, чтобы нормальные браузеры его игнорировали, а линейка IE понимала. Пост flack`a послужил стартовым пинком для эксперимента. Выяснилось, что символ может быть практически любым, кроме “_” (по поводу этого у меня крутится оч. много нецензурных слов в адрес разработчиков)

#test{

    width:200px;

    height:200px;

    background:red;

    @background:green;

    }



#test{

    width:200px;

    height:200px;

    background:red;

    @background:green;

    }



#test{

    width:200px;

    height:200px;

    background:red;

    #background:green;

    }



#test{

    width:200px;

    height:200px;

    background:red;

    $background:green;

    }



#test{

    width:200px;

    height:200px;

    background:red;

    ^background:green;

    }



#test{

    width:200px;

    height:200px;

    background:red;

    )background:green;

    }

и так далее…

*:first-child+html

Если инлайн хаки позволяют выполнять свойство как IE6, так и IE7, то данный трюк выполняет только семерка.

*:first-child+html #test{

    background:green;

    }

Метки:CSS, HTML

Также интересно будет почитать про:
6 expression для IE6: 1. Эмуляция CSS-свойства content ul li { margin: 0.5em 0; padding: 0 0 0 20px; ...
Центрирование “плавающего” меню: Потрясающее в своей элегантности решение. Обязательно должно быть на заметке у каждого.html, body { margin: 0; padding: 0; font-family:Tahoma, Arial, Helvetica, sans-serif; background-color: #fff; }.navi { width: 775px; /*Устанавливаем фиксированную ширину*/ position: relative; overflow: hidden; font-size: .8em; border: 1px...
Некоторые моменты эмуляции min-width и max-width для IE 6: Момент один Это самый распространенный и рабочий вариант:#block{ width:expression((document.documentElement.clientWidth< =1000)?'1000px':'auto'); }Аналогично эмулируется и max-width. Если же вы используете метод document.body вместо documentElement, то следите за тем чтобы у этого самого...
Кирилица в комментариях: Столкнулся с проблемной обработкой кириллических комментариев CSS в IE 6..ff{ color:green; /*Кириллический комментарий*/ } .ie6{ display:none; color:red; }Такая...
Размещаем что-либо поверх flash блока: Размещаем любой блок над флеш ...

1
Vladimir (16.03.2008) #
*:first-child html
Один маленький нюанс (может, пригодится): как оказалось, IE8 тоже понимает этот хак Я пока не нашел хака, работающего в IE7, но не работающего в IE8. Так что, видимо, здесь помогут только условные комментарии…
Upd: *:first-child /**/html понимает только восьмёрка, но не семёрка.
2
Vladimir (16.03.2008) #
WordPress зачем-то убрал “плюс” после first-child (что в первом, что во втором случае).