loading...

Авторизация ...

Имя пользователя :
Пароль :
я всё забыл!

В помощь вебмастеру, CSSCSS хаки для Firefox, Opera, Safari и IE

Написал mizixxxx, 25 марта 2009 | 17 комментариев | рейтинг новости не нравится   +4   нравится Версия для печати
CSS хаки для Firefox, Opera, Safari и IE


В процессе верстки часто возникает проблема - требуется определить разные стили для разных браузеров. Почти всем известны хаки для IE, но думаю не многим известны пути решения этой проблемы для Firefox'a или же Safari.
Нашёл решение в интернете и решил поделится.

IE (HTML)


<!--[if IE 7]>
<style type="text/css">
display: block;
</style>
<![endif]-->

<!--[if IE 6]>
<style type="text/css">
display: block;
</style>
<![endif]-->



IE (CSS)


/* IE 7 */
html > body #ie7block
{
*display: block;
}

/* IE 6 */
body #ie6block {
display: block;
}


Firefox


/* Firefox 1 - 2 */
body:empty #firefox12block
{
display: block;
}

/* Firefox */
@-moz-document url-prefix()
{
#firefoxblock { display: block; }
}


Safari


/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
#safariblock { display: block; }
}


Opera


/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
head~body #operablock { display: block; }
}




Отблагодарили: rumb, Fen9

Комментарии пользователей

  Экспорт комментариев в RSS
 Сортировать по рейтингу, по дате

Написал My Revolution, 25 марта 2009 в 19:11 плохой комментарий   +1   хороший комментарий
Новостей: 0, комментариев: 0, Гости
Карма: ±
новичкам будет полезно, молодец)

Написал BaJIeHoK, 25 марта 2009 в 19:21 плохой комментарий   0   хороший комментарий
Новостей: 1, комментариев: 43, Пользователи
Карма:
/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
#safariblock { display: block; }
}


Это в .tpl или .css?

Написал alwex, 25 марта 2009 в 19:32 плохой комментарий   0   хороший комментарий
Новостей: 0, комментариев: 0, Гости
Карма: ±
BaJIeHoK,
)))) только ксс

Написал BaJIeHoK, 25 марта 2009 в 19:36 плохой комментарий   +1   хороший комментарий
Новостей: 1, комментариев: 43, Пользователи
Карма:
а как main.tpl это поймет?

З.Ы. лан я идиот, все понял =\

Комментарий был скрыт за отрицательный рейтинг (-8) и по мнению остальных пользователей не несёт смысловой нагрузки!
показать комментарий
Написал Tweek, 26 марта 2009 в 00:56 плохой комментарий   +1   хороший комментарий
Новостей: 5, комментариев: 344, Пользователи
Карма: 24±
Очень полезно. Спасибо.

Написал mizixxxx, 26 марта 2009 в 22:20 плохой комментарий   +2   хороший комментарий
Новостей: 0, комментариев: 0, Гости
Карма: ±
mars,
Кому это может понадобится - тот поймет. Кто не понимает - тому это и не нужно.

Написал prewed, 27 марта 2009 в 00:21 плохой комментарий   0   хороший комментарий
Новостей: 0, комментариев: 279, Пользователи
Карма:
спасибо, очень полезные приемы, но я пробовал вставлять код

<!--[if IE 6]>

мой код



в css файл, но ничего не вышло =(

Написал mizixxxx, 27 марта 2009 в 15:44 плохой комментарий   +1   хороший комментарий
Новостей: 0, комментариев: 0, Гости
Карма: ±
prewed,
Там же написано IE (HTML). Это нужно в маин.тпл ставить. А для css файла -

/* IE 6 */
body #ie6block {
display: block;
}

Написал prewed, 27 марта 2009 в 19:39 плохой комментарий   0   хороший комментарий
Новостей: 0, комментариев: 279, Пользователи
Карма:
спасибо. сначала не вкурил в чем суть =)

Написал mizixxxx, 27 марта 2009 в 20:14 плохой комментарий   0   хороший комментарий
Новостей: 0, комментариев: 0, Гости
Карма: ±
prewed,
Незачто))

Написал aguware, 28 марта 2009 в 04:10 плохой комментарий   0   хороший комментарий
Новостей: 19, комментариев: 264, Пользователи
Карма: 26±
Пригодится, пасиб bv

Написал mafinok, 11 мая 2009 в 20:53 плохой комментарий   0   хороший комментарий
Новостей: 0, комментариев: 0, Гости
Карма: ±
мягко говоря не лучшие методы blum

Написал Schumacher, 17 июня 2009 в 01:31 плохой комментарий   0   хороший комментарий
Новостей: 0, комментариев: 0, Гости
Карма: ±
раз такой умный, покажи лучший метод, кнопка "Добавить Новость" доступна для всех, добавь свой "метод" и посотрим... а так на словах любой может умного корчить...

Написал lich-king-best, 17 декабря 2009 в 20:59 плохой комментарий   0   хороший комментарий
Новостей: 0, комментариев: 0, Гости
Карма: ±
не большой кусочек не каму не нужного гомна at

Написал Kapacuk, 11 декабря 2010 в 23:29 плохой комментарий   0   хороший комментарий
Новостей: 2, комментариев: 13, Пользователи
Карма:

Написал Ефим, 27 февраля 2012 в 22:40 плохой комментарий   0   хороший комментарий
Новостей: 0, комментариев: 1, Пользователи
Карма:
Про стили всё понятно, у меня есть проблемка, нужно чтоб для IE грузился другой шаблон сайта.. как это реализовать??

Информация



Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости.
Анализ Тиц и PR сайта

[removed][removed] [removed] (adsbygoogle = window.adsbygoogle || []).push({}); [removed]