CB's blog

Google Chrome настолько суров, что может отображать кнопки со скроллбарами:

Код:

.btn {
   width: 100px;
   height: 40px;
   overflow: auto;
   font-size: 22px;
}

<input type="button" class="btn" value="HelloWorld" />

PNG alpha transparency: AlphaImageLoader filter flaws in IE6.

Лично мне очень помог раздел “Problem: Links don’t work”.

@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…)