“Favorites of Success” logo Chrome
© FAVOR.com.ua
 
Chrome
  

Скачал google chrome, понравилось. По-моему он очень быстрый. Не понравилось только что на моих сайтах он CSS’ки неправильно показывает. С каждым браузером такая хрень, под каждый отдельный случай приходится CSS’ки затачивать. Задолбали. :(

Заточка CSS'ок под Хромого:

  1. Хромой не любит font-variant: small-caps когда font-size <= 9. Текст становится нечитаемым, поэтому приходится ставить десяточку.
     
  2. Хромой (но это, как оказалось, касается и Оперы) не любит мозиловские стили типа white-space: pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap;. Длинные слова в блоках постоянной ширины приходится переносить программно, средствами PHP-шки местами вставляя тэги <wbr />, которые переносят немерянодлинныеслова.
     
  3. Дальше не так интересно. Был странный глюк с показом парочки каскадных элементов который исправился указанием принудительной высоты. ХЗ почему это не работало и заработало с высотой, разбираться влом. Щяс работает — ну и хорошо.
     
  4. И последняя хрень. Почему-то некоторые «составные» элементы в хроме съезжали на пару пикселов. Поиски причины ни к чему не привели, поэтому пришлось искать хак конкретно под хромого. И вот к чему я пришёл:
    #shead a span,
    #shead span span {
    	padding: 9px 6px 10px 5px;
    	[;padding-top:11px;] /* padding-top будет 11 только в Хроме */
    }

    В сети ничего подобного о таком решении не обнаружил, поэтому цопуригхт мой :) Вроде всё. Всё работает как минимум под IE6/7/8, FFox 2/3, Opera 9.52, Chromium 2.0.172.33.

UPD. Ещё «хромает» отображение чекбоксов/радиобоксов. Они тупо не видны. Но с ними разберусь чуть позже, ежели будет вдохновение.

https://favor.com.ua/en/blogs/1476.html