CSS Hacks
24.01.2008
Нашёл интересную и очень полезную табличку с CSS хаками под различные браузеры (включая IE7). Для тех, кто не в курсе, у каждого браузера свои заморочки (ошибки), и одна и та же страничка может отображаться в различных браузерах совершенно различно. С этой целью вебмастера при вёрстке страниц идут на различные ухищрения, дабы всё выглядело более-менее одинаково в различных браузерах. Мне особенно понравился следующий хак:
#mydiv {
width: 100px; /* для всех нормальных браузеров */
*width: 90px; /* для IE7 */
_width: 80px; /* для IE6, 5.5, 5 */
}
Жаль только, что CSS невалидный получается.
28.01.2008 в 17:23
Добрый день!
А чего жалеть невалидный CSS? :) Главное — чтобы все работало.
Последнее время чего-то сильно много стали говорить о необходимости верстать исключительно дивами. Хотя из этого получаются сайты, которые все равно отображаются криво в каком-нибудь броузере.
Я думаю, что до момента, пока все броузеры будут адекватно отображать хотя бы тест Acid2 (http://en.wikipedia.org/wiki/Acid2) нет смысла безумно гнаться за версткой по стандартам и думать валидный у тебя CSS или нет, а верстать так, чтобы было нормально смотреть сайт в любом броузере :)
28.01.2008 в 17:25
В догонку :)
Моя практика показывает, что отсутствие DOCTYPE`a привносит в верстку ожидаемость поведения от броузеров.
28.01.2008 в 18:17
А кто сказал, что безумно.
По возможности стараюсь, но без экстремизма.
Да, и без таблиц html красиво смотриться.
Только контент, и почти ничего лишнего.
Проверяю как раз браузером, просто теперь ещё к списку добавился IE7, теперь под него тоже оптимизировать нужно :)