CSS Hacks

24.01.2008

Нашёл интересную и очень полезную табличку с CSS хаками под различные браузеры (включая IE7). Для тех, кто не в курсе, у каждого браузера свои заморочки (ошибки), и одна и та же страничка может отображаться в различных браузерах совершенно различно. С этой целью вебмастера при вёрстке страниц идут на различные ухищрения, дабы всё выглядело более-менее одинаково в различных браузерах. Мне особенно понравился следующий хак:

#mydiv {
width: 100px; /* для всех нормальных браузеров */
*width: 90px; /* для IE7 */
_width: 80px; /* для IE6, 5.5, 5 */
}

Жаль только, что CSS невалидный получается.

3 комментария на запись “CSS Hacks”

  1. Александр пишет:

    Добрый день!
    А чего жалеть невалидный CSS? :) Главное — чтобы все работало.

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

    Я думаю, что до момента, пока все броузеры будут адекватно отображать хотя бы тест Acid2 (http://en.wikipedia.org/wiki/Acid2) нет смысла безумно гнаться за версткой по стандартам и думать валидный у тебя CSS или нет, а верстать так, чтобы было нормально смотреть сайт в любом броузере :)

  2. Александр пишет:

    В догонку :)
    Моя практика показывает, что отсутствие DOCTYPE`a привносит в верстку ожидаемость поведения от броузеров.

  3. nurlan пишет:

    А кто сказал, что безумно.
    По возможности стараюсь, но без экстремизма.
    Да, и без таблиц html красиво смотриться.
    Только контент, и почти ничего лишнего.
    Проверяю как раз браузером, просто теперь ещё к списку добавился IE7, теперь под него тоже оптимизировать нужно :)

Оставить комментарий