CB's blog

@media all and (-webkit-min-device-pixel-ratio:0){
/* Safari 3 & Opera */
}

@media all and(-webkit-min-device-pixel-ratio:0){
/* Opera */
}

Наткнулся здесь: http://blog.hedgerwow.com/2007/06/22/detect-safari-3-via-css/#comment-147.

В первом случае после and есть пробел, а во втором пробела нет.

Один раз получилось так, что в во всех браузерах, кроме Opera 9, страница выглядела одинаково. Не самое удачное и красивое, но быстрое (по трудоемкости) и рабочее решение я сделал с помощью куска JavaScript (предполагается, что глючит елемент с id elem-id, CSS-класс opera лечит глюки):

if(window.opera) {
   addLoadEvent(fixOpera);
}

function fixOpera() {
   var elem = document.getElementById("elem-id");

   if(elem) {
      elem.className += " opera";
   }
}

Ссылка по теме: quirksmode.org - Browser detect.

Как сделать кнопки в Internet Explorer и Firefox однаковой ширины (не задавая эту самую ширину явно)? Проблема в том, что IE добавляет к кнопкам дополнительный padding слева и справа, который убирается не очень очевидно.

(more…)

5 апреля – мы отмечаем “CSS naked day”. Подробности тут. Идея отключения CSS-стилей на сайте в том, чтобы пользователи увидели не красоту дизайна, а семантику (X)HTML-кода.