^{Картинка с сайта www.alexilin.ru}

Когда вышла третья версия Firefox, я стал замечать, что на некоторых сверстанных ранее сайтах верстка выглядит не идеально, при этом во второй версии браузера все выглядело отлично. Естественно, что обновленная версия движка браузера повлияла на это. И так, стала задача, как исправить в Firefox 3 недочеты, которые не видны во второй версии браузера?
Сделать это, в принципе, не сложно, но есть одна неприятность. Те правила, которые исправляют погрешности в Firefox 3, зачастую вызывают новые погрешности в более поздних версиях браузера. В общем, если не брать во внимание скрипт определения браузера и прописывания соответствующего класса (о нем еще напишу в следующих постах), то на помощь приходят хаки. Напомню, что при использовании хаков нужно смириться с тем, что css становиться не валидным. Но это решать вам, использовать хаки или же решать проблему иначе.

Итак, специальные css-хаки для Firefox 3

1.  .sampleclass, x:-moz-any-link { } /* FireFox 2 это чтобы напомнить*/

2.  .sampleclass, x:-moz-any-link, x:default { } /* FireFox 3 */

3.  html>/**/body .sampleclass, x:-moz-any-link, x:default { } /* Только FireFox 3 */

Добавлю лишь, что вместо «.sampleclass» мы вставляем нужный атрибут.

Вот, в принципе, и все. Удачной верстки.

Спонсор поста: Новостной блог о технологии AJAX, где вы найдете все об ajax.

• Зотин says:

  сентября 4, 2008 at 12:10

  Спасибо, полезно знать такое. Лисолюбов все больше и больше. Кстати с новым броузером от гугля проблемы есть?

  Reply
• сео блоггер says:

  сентября 5, 2008 at 16:38

  Спасибо, что-то раньше не обращал внимания.

  Reply
• Grench says:

  сентября 8, 2008 at 12:07

  Cпасибо оч интересная инфа =)

  Reply
• Гор says:

  сентября 9, 2008 at 21:43

  «щас поюзаю и отпешусь» — ну, а чего не отписался?

  Reply
• serjik76 says:

  сентября 17, 2008 at 22:08

  Всегда знал что фаерфокс лучший а типерь в очередной раз убедился

  Reply
• roman says:

  сентября 20, 2008 at 15:40

  Фаер фокс несомнено хороый броуз НО!!!!!!http://proepil.ru/

  Reply
• zerok says:

  сентября 30, 2008 at 17:50

  301 rus не работает hack

  Reply
• Varg says:

  апреля 3, 2009 at 05:29

  Спасибо большое! оч пригодилось!

  Reply
• Eli says:

  апреля 21, 2009 at 14:37

  интересные хаки для фаерфокса

  Reply
• sergz says:

  июня 23, 2009 at 09:11

  .sampleclass, x:-moz-any-link, x:default { } /* FireFox 3 */

  Этот хак задевает, как минимум, также IE7. Плохо конечно.

  Что интересно, этот хак:

  html>/**/body .sampleclass, x:-moz-any-link, x:default { } /* Только FireFox 3

  также задевает IE7 если удалить /**/.

  Т.е.:

  html> body .sampleclass, x:-moz-any-link, x:default { } /* Только FireFox 3 и IE7

  Reply