Трюки и стандарты написания кода
Давным давно, при оформлении кода стилей и javascript я использовал конструкции вида:
<style type=“text/css”>
<!–
body {
margin: 0px;
padding: 0px;
}
–>
</style>
<!–
body {
margin: 0px;
padding: 0px;
}
–>
</style>
Archive for css
CSS хак для Opera
У меня была проблема:
Страничка на CSS прекрасно работала под IE и FireFox, но один элемент никак не хотел показываться по-нормальному под Opera.
Чтобы исправить это недоразумение, я применил CSS хак направленный специально для Opera.
Пример применения:
<style type=“text/css”>
/* <![CDATA[ */
/* для всех браузеров (IE, FireFox, Opera)*/
.win_orfo_textarea {
width: 50%;
background: #fffcd8;
}
/* только для FireFox и Opera*/
html>body .win_orfo_textarea {
width: 100%;
}
/* только для FireFox*/
head:first-child+body .win_orfo_textarea {
width: 50%;
}
/* ]]> */
</style>
<div class=“win_orfo_textarea”>Тестовый текст</div>
/* <![CDATA[ */
/* для всех браузеров (IE, FireFox, Opera)*/
.win_orfo_textarea {
width: 50%;
background: #fffcd8;
}
/* только для FireFox и Opera*/
html>body .win_orfo_textarea {
width: 100%;
}
/* только для FireFox*/
head:first-child+body .win_orfo_textarea {
width: 50%;
}
/* ]]> */
</style>
<div class=“win_orfo_textarea”>Тестовый текст</div>
В результате такого кода, под IE и FireFox у нас ширина div будет 50%, а под Opera - 100%.
Ссылка по теме: http://www.albin.net/CSS/OwenHack.html