Рубрики
Верстальщику

Все хаки для браузеров в одном месте

browserhacks
Конечно, все мы стремимся к тому, чтобы не использовать хаки для браузеров. И, возможно, когда-то настанет время когда стандарты будут соблюдаться всеми производителями браузеров, и верстая по стандартам, мы будем получать то, что хотим во всех браузерах, но это время еще не настало.

В доказательство тому один из комментариев в моей старой статья про специальный хак для Google Chrome. Хаки по сей день актуальны, и чтобы не переписывать по сто раз одно и то же, очень хорошие ребята создали ресурс Browserhacks.com. Здесь вы найдете хаки для всех браузеров, кроме CSS хаков, также здесь есть некоторые JavaScript хаки. В общем все, что нужно в одном месте. Пользуйтесь на здоровье и не забудьте сказать спасибо создателям ресурса.

Рубрики
Верстальщику

Специальные CSS хаки для разных версий Firefox

firefox-hacks
В принципе, при публикации данного рода статей необходимо большими буквами писать, что ИСПОЛЬЗОВАНИЕ ХАКОВ ВРЕДИТ ВАЛИДНОСТИ ВАШЕГО САЙТА! Однако бывают ситуации, когда использование данных средств оправдано, в особенности это касается верстки для Internet Explorer (хорошо хоть с восьмеркой попроще…), но иногда бывает необходимо создать особое правило и для нормальных браузеров. Это бывает редко, но к этому надо быть готовым. В этой статье, которую я нашел на одном из заокенских блогов мы рассмотрим CSS хаки для различных версий Firefox.

Рубрики
Верстальщику

CCS хак для Internet Explorer 8

ie8hack
Не смотря на то, что разработчики IE8 смогли сделать почти правильный, с точки зрения обработки CSS, браузер, иногда возникает необходимость поставить «грабли» и для последней версии Internet Explorer. Иногда это можно сделать с помощью режима совместимости, но не будете же вы переключать сайт в «корявый режим» только из-за одного мелкого бага.

В этом случае можно, на свое усмотрение, воспользоваться хаком. На просторах сети, в блоге Martinа Ivanovа я нашел специальный хак для IE 8. Собственно, так он выглядит:

.classnameOrElement
{
 color /*\**/: blue\9
}

А если подобную конструкцию немного упростить, то можно получить еще один хак для более поздних версий IE:

.classnameOrElement
{
 color: blue\9
}

Пользуйтесь, но помните, что хаки и валидность — НЕСОВМЕСТИМЫ!

Постовой:
Хозяйке на заметку: Иконки PNG и клипарты, а также много других полезных украшений для вашего сайта или компьютера.

Будет интересно блогерам: хостинг компания AviHost проводит акцию в рамках которой предлагает бесплатный качественный хостинг за рекламу! Рекомендую всем блогерам!

Рубрики
Верстальщику

Специальные хаки для Firefox 3

CSS хаки для Firefox 3

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