^{Картинка с сайта 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.

1. Зотин говорит:
   4 сентября, 2008 в 12:10

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

2. сео блоггер говорит:
   5 сентября, 2008 в 16:38

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

3. Grench говорит:
   8 сентября, 2008 в 12:07

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

4. Гор говорит:
   9 сентября, 2008 в 21:43

   “щас поюзаю и отпешусь” - ну, а чего не отписался?

5. serjik76 говорит:
   17 сентября, 2008 в 22:08

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

6. roman говорит:
   20 сентября, 2008 в 15:40

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

7. zerok говорит:
   30 сентября, 2008 в 17:50

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

8. Varg говорит:
   3 апреля, 2009 в 05:29

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

9. Eli говорит:
   21 апреля, 2009 в 14:37

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

10. sergz говорит:
    23 июня, 2009 в 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