CSS хаки

Спасибо за подборку! Многое знал, но тут в одном месте, очень удобно!

Спасибо огромное за подборку, добавлю в избранное!

Может пора отказать от использования хаков под IE6?

В избранное. В одном месте собраны те вещи которые постоянно гуглишь. Спасибо.

Очень хорошо. Только хромо-хак я не понял что делает.

>Min-width и max-width в IE:
Только в ие6, в ие7 все работает. А метод от Дастина Диаза иногда глючит в Опере, поэтому лучше использовать такой способ:

.class		{
	min-height: 600px;
	_height: 600px;
}

ошибка в if ie, там не надо коментарии закрывать

<!--[if IE]><![endif]-->

Подборка хороша, но мне приходилось писать хаки только для IE6-7. Может я что-то делал не так?

Уже который год не применяю хаки вообще, как-то все само работает…

Если честно, тут одни баяны и ИЕ6. Зачем вообще хаки для оперы 6,7,8,9? Пользователи оперы — не некрофилы. Зато для 10, 11 оперы — нету. Нету хаков для актуальных версий браузеров.

> В IE существуют глюки, когда border и padding включаются в ширину элемента. Box Model хак фиксит их.

Боже, вы из прошлого что ли пишите? Корректный доктайп исправляет блочную модель даже в ИЕ6.

> Хаки для всех версий Opera:
> @media all and ( min-width: 0px )

Аха, в один прекрасный день это могут начать понимать ВСЕ браузеры, если уже не понимают.

> CSS-хаки для браузера Safari

аха, а хроме не вебкит уже?

> Хак, предназначенный для определения hasLayout

Хотя бы пояснили бы, зачем это нужно. А нужно это в 1ую очередь для эмуляции inline-block в ИЕ6-7 у изначально блочных элементов:
div {
display:inline-block;
*display:inline;
*zoom:1;
}

Вообщем, я не пойму, зачем за такое давать инвайт и плюсовать еще. Сборник неактуальных баянов и дизы.

В половине хаков под ие нет смысла, если использовать такую технику

Я хоть и противник ИЕ6 (и даже, относительно ИЕ7 особо не люблю напрягаться), но я понимаю, что есть категория корпоративных юзеров, которым не приходится выбирать, с каким браузером в Сеть ходить. И если Большой Админ сказал, чтоб у всех ИЕ6 было, то юзеру просто вынужден подчиниться.

Но вот относительно старых версий Оперы и Фокса я как-то не очень понимаю — неужели встречаются ситуации, где на компе стоит ФФ 1.5 или, скажем, Опера 7, и у юзера нет никакой возможности их обновить?

хаки для ие6 здесь зачем? браузер официально в отставке!

хаки чистыми не бывают

Мы клиентов уже учим отказываться от ie7, так что не понимаю полезности от этих хаков.

Ваши «Хаки» не для IE давно протухли, про
boilerplate не слышали?!

Поясните, будьте добры, что за «Box Model хак»
В IE существуют глюки, когда border и padding включаются в ширину элемента. Box Model хак фиксит их.

border и padding влияют на ширину или я не правильно понял?

Кажется и мои хаки сюда вошли.

Хм. Наверное лучше так. Верстка — 300$. Верстка под IE6 — 600$.

>PNG в IE6

Рекомендовал бы DD_belated PNG. Преобразует элементы в VML-шейпы, которые, как ни странно поддерживают прозрачность PNG, а самое главное — повторение фона(background-repeat).

Уже более 270 человек добавили это в избранное.

Даже страшно представить сколько будет нашаманенно нечитаемого кода воодушевившимися.

Куда катится этот мир!
Не добавляйте в избранное всякую гадость, послушайте «Сделайте мне красиво».

Начинающий версталщик, увидев эту статью, ужаснется и забросит верстку. Автор стать мало того, что ничем не помогает своей статьей, так еще и вводит людей в заблуждение по многим вопросам.

Я IE7 уже не поддерживаю. А в остальных IE, как сказал dfuse, как-то все само работает.
Вообще рекомендую CSS Browser Selector — rafael.adm.br/css_browser_selector/. Можно писать хаки под любой браузер и движок по такому типу:

.ie7 { padding:0; }

не вижу смысла поддерживать старые оперы и мозиллы, так как они как правило пользователя принудительно заставляют обновляться.

Да и под ie6-7 обычно, как уже верно выше подмечено, пригодится только zoom:1, чтобы hasLayot установить.

Кстати, в проектах, где важно хорошее и качественное отображение в ie6 (к сожалению, и такие заказчики бывают) лучше заранее с дизайнером обсудить макет, а не лепить всяких .htc и .js файлов, чтобы прозрачность декоративных элементов пофиксить (и то, с багами)

По стилю похоже на перевод. По сути в начале не хватает приписки «для самых маленьких» зачем нужны хаки, какие хаки из списка стоит использовать и в каких ситуациях. З.Ы. я иногда пользую эту ссылку: studioad.ru/blog/2009-09-30-92

Я бы посоветовал вам дописать примечание для группы «Хаки для всех версий Opera». Примерно такое:

Эти хаки основаны на неполной или ошибочной поддержке Media Queries и могут сломаться с любым минорным обновлением браузера, которое исправит или дополнит поддержку. Не стреляйте себе в ногу, не используйте потенциально опасные хаки.

Желательно красным.

Советую это вам как человек, который ежедневно разгребает такие красоты, понаписанные самонадеянными, но не слишком далёкими авторами, которые думают только о том, чтобы сайт заработал прямо сейчас, а не о его дальнейшей судьбе.

Уж не помню, когда использовал хаки, кроме display: inline-block; хака для IE, conditional comments (а это несомненно хак) и css3pie.com-решения. Как-то удаётся верстать кроссброузерно без этих невероятных головоломок.

Я всегда пользовался вот этой таблицей:

centricle.com/ref/css/filters/

Она позволяет быстро найти хак с нужным эффектом.

А мне одному кажется что без этого можно обойтись?

Использую только zoom:1;

Верстальщик с которым работаю любит хаки всевозможные) в итоге блин малейшие изменения иногда с большим трудом даются)

.class { 
  padding : 4em ; 
  border : 1em solid red ; 
  width : 30em; 
  width /**/ : /**/ 25em ; 
}

Разве не 20em? Ведь сумма получается 20+(4+1)*2 — отступы слева и справа.

Ну я не знаю, вы пользуетесь хаками?
На мой взгляд хаки — зло. (не тянетесь сразу за минусом, почитайте дальше)
Если уже хотите как-то бороться с изьянами, то первое не делайте так верстку, чтобы не использовать хаки.
Второе, если уж пришлось, то на мой взгляд — лучший это js. Это стандартизовано хоть. А хак — это своего рода не стандарт.
Ответ прост — неизвестно как поведет себя какой либо хак в… например 9 версии FF или 12 opera ;)
Все таки соблюдение стандартов- первый способ не попасть в просак при выходе новых версий браузеров. К тому же замечено что, например, google любит валидные сайты. Он их ставит выше.

большое спасибо! всё полезное в одном посте!

Сегодня спасла, однозначно в закладки.

Цитирую:
Грязные хаки для IE8:
.class { background: #F00\0/; }
/* выбирает элемент body только в IE7 */
конец цитаты.
body? IE7?

Ребята, что есть для Opera 12+?

*|html .class { } — это хак понимает не только IE, еще Google Crome )

Нашёл достаточно интересный хак для сафари (стили применяются только для сафари):

/* Safari only override */
::i-block-chrome,.myClass {
color:blue;
}