| Vetka ( @ 2006-03-22 10:58:00 |
| Entry tags: | useful, webdev, work |
Обнаружила еще одну кажется недокументированную багу ИЕ5.0 и попутно способ лечения. Известный CSS-хак для ИЕ < 6.0, способ переназначить стили, которые он интерпретирует по-своему:
<style type="text/css">
div#cont {
float: left;
width: 685px; /* Здесь пишем значение для ИЕ < 6.0 */
voice-family: "\"}\"";
voice-family:inherit;
width: 100%; /* А здесь для всех остальных браузеров. */
}
div#cont2 { /* Любой следующий селектор */
margin-right: 159px;
}
</style>
Способ всем известный, НО. ИЕ 5.5 после этого продолжает обрабатывать стили нижеследующих селекторов, как положено. А вот ИЕ 5.0 следующий за этим хаком селектор напрочь игнорирует! Поэтому, для того, чтобы он продолжил обрабатывать остальные стили, после хака вставляем любой селектор с пустыми значениями. И код выглядит следующим образом:
<style type="text/css">
div#cont {
float: left;
width: 685px; /* Здесь пишем значение для ИЕ < 6.0 */
voice-family: "\"}\"";
voice-family:inherit;
width: 100%; /* А здесь для всех остальных браузеров. */
}
.empty { } /* Пустой селектор, нужный исключительно для ИЕ 5.0 */
div#cont2 { /* Любой следующий селектор */
margin-right: 159px;
}
</style>
А вот только что пришла в голову еще одна идея: ведь можно вставлять не пустой селектор, а как раз тот, который и нужно скрыть от ИЕ 5.0. Только нужно учесть, что в ИЕ 5.5 он будет обрабатываться.