CSS хак для Opera 11.1?

Question

[SEObomj]

Opera сегодня выпустила новую версию, чем доставила мне кучу проблем. В связи с этим разыскивается хак для Opera 11. Возможно кто-то прочитает мой камент по ссылке и предложит более гуманное решение проблемы, так как я являюсь ярым противником всех этих хаков и совсем не хочется портить валидность css.
UPD: Косяк в моем компе как выяснилось. Все спасибо за помощь.

Comments

[SEObomj]

Примеры из этой статьи не работают

[homm]

Вам предложат сразу 10 разных решений проблемы, если вы продолжите прятать страницу, на которой появляется баг. Привет от кружка медиумов и экстрасенсов.

[SEObomj]

seo-bomj.ru/font-face/fontface.html

[Кирилл Длусский]

Ну так а зачем вы полагаетесь на line-height подключаемого шрифта? Ну да, новый шрифт занимает больше места и растягивает вам немного менюшку. Значит нужно давать запас, а вертикальное выравнивание делать через принудительную установку line-height. В вашем случае:

ul li {
height:47px;
line-height:47px;
padding:0;
}

[SEObomj]

Дык вчера все работало и причем во всех браузерах и по идее line-height исказит отображение в других браузерах.

[SEObomj]

line-height не помог

[homm]

line-height + height тоже? У меня помог.

Answer 1

[Кирилл Длусский]

Чтобы не портить валидность CSS — подключайте стили для Оперы вот так:

<link rel="stylesheet" href="/css/opera.css" type="opera/css" [media="%media%"] />

Comments

[dom1n1k]

К сожалению, в 11 Опере это уже не работает :-(
В этом и состоит большая проблема Оперы: для неё нет ни одного полностью надежного, предсказуемого хака. Ну, во всяком случае, мне они неизвестны.
У того же IE куча проблем, но он частично реабилитируется, предоставляя множество путей для их решения. А Опера «вещь в себе».

[Кирилл Длусский]

Оуч. И правда, видимо движок шагнул вперед, поскольку везде где я раньше применял оперные хаки этим методом — теперь все работает без хаков)

Answer 2

[wearymax]

Может и боян, но работает такой CSS Хак для Opera 11

@media not screen and (1) { /** Fuck Opera **/
.style{}
}

Answer 3

[homm]

А теперь расскажите поподробнее, в чем собственно проблема?
habrastorage.org/storage/56cd9de8/dda1dee3/7fbf0d94/2a4917a4.png

Comments

[Кирилл Длусский]

Присмотритесь, там высота пунктов первого блока в Опере на пиксель больше.

[homm]

Дак она и в ие9 больше. При чем тут Опера, каждый шрифт имеют разную высоту букв.

Answer 4

[SEObomj]

Вот так выглядит у меня: habreffect.ru/files/cce/924c2ddf7/Снимок.PNG
Инфа о сборке:
Версия: 11.10
Сборка: 2092
Платформа: Win32
Система: Windows 7

Comments

[Кирилл Длусский]

Эмм. Ну начнем с того, что у вас шрифт не поддерживает кириллицу, а на скриншоте видно, что и цифры у вас почему-то тоже не показываются. У меня картина аналогична скриншоту homm`a. Ну и в любом случае я вам отписал выше, почему нельзя при подключении стороннего шрифта полагаться на его высоту.

[SEObomj]

Написал латиницей. Странно, что только у меня такой косяк…

[Кирилл Длусский]

У меня теперь вообще никаких различий по позиционированию нет. Может вы при обновлении старую версию не полностью снесли? Это может быть причиной самых причудливых глюков.

Answer 5

[marcus]

Не вижу что-то косяков, но на всякий случай упомяну, что в конверторе от Font Squirrel есть галочка «Fix vertical Metrics».

Comments

[SEObomj]

Галочку такую устанавливал. Пока что все сводиться к тому, что это исключительно на моем компе. Чуть позже переустановлю браузер