Баг в Opera

[BassEast]

Дрямс, помогите решить проблему в Opera:

Пример см. здесь

если поводить по меню (табs), в Opera весьма странно ведет себя таб "Полезное".

Реализация сего меню на CSS исключительно, но есть небольшой скриптик для IE, т.к. он не понимает свойства :hover к любым другим элементам, кроме "a"

[homm]

Ничего удивительного, в опере высота #favourTabs li 38 пикселей, а в фоксе 39. Соответственно однопиксельный зазор, когда на него попадает мышь, прячет подменю.

Еще лучшего эффекта можно добиться, если уменьшить размер шрифта (Ctrl + -). Нельзя полагаться на одинаковый размер шрифта в разных системах и разных настройках.

[BassEast]

  homm said:

Ничего удивительного, в опере высота #favourTabs li 38 пикселей, а в фоксе 39. Соответственно однопиксельный зазор, когда на него попадает мышь, прячет подменю.

Еще лучшего эффекта можно добиться, если уменьшить размер шрифта (Ctrl + -). Нельзя полагаться на одинаковый размер шрифта в разных системах и разных настройках.

не получается.. не могу во-превых найти нормальный хак.. во вторых, по-моему это не поможет. Пункт помощь налазит на "Полезно"

Edited March 26, 2009 by BassEast

[Justnewone]

У меня в 3-x браузерах разное.

Вот, например FF3.0.7

http://img407.imageshack.us/my.php?image=testk.gif

Я даже засомневался в чем была первоначальная идея.

Edited March 26, 2009 by Justnewone

[BassEast]

  Justnewone said:

У меня в 3-x браузерах разное.

Вот, например FF3.0.7

http://img407.imageshack.us/my.php?image=testk.gif

Я даже засомневался в чем была первоначальная идея.

это я отлаживал.. возможно ты в это время скрин снял.

[BassEast]

В общем не знаю.. пока как править..

[Justnewone]

  BassEast said:

В общем не знаю.. пока как править..

Не могу вникать, но, как правило, я в таких случаях смотрю на бордеры. Если они есть - ждать беды, потому что в сложных конструкциях бордеры кем-то включаются в высоту, к кого-то нет, особенно если речь идет о динамике на js. Сразу оговорюсь, я для себя этот момент не систематизировал, так что только в виде наброска.

[homm]

  BassEast said:

не получается.. не могу во-превых найти нормальный хак..

Какой хак? У тебя концепция вся не верная. Нужно жестко высоту задавать.

[BassEast]

  homm said:

Какой хак? У тебя концепция вся не верная. Нужно жестко высоту задавать.

чему именно высоту?

Там и так уже везде всё жестко выставлено.

[homm]

Ты вообще читал, что я тебе написал? Кого у тебя там выставлено? Высота #favourTabs li формируется из падингов #favourTabs li span и его высоты, которая не фиксированная, а зависит от высоты шрифта, которая зависит от масштаба в браузере и вообще от браузера.

#favourTabs li span {

line-height:38px;

height: 38px;

}

И убери падинги нафиг.

Бесит блин, уже и так написал что нужно делать, а тебе прочитать и мозг включить лень.

[BassEast]

  homm said:

Ты вообще читал, что я тебе написал? Кого у тебя там выставлено? Высота #favourTabs li формируется из падингов #favourTabs li span и его высоты, которая не фиксированная, а зависит от высоты шрифта, которая зависит от масштаба в браузере и вообще от браузера.

#favourTabs li span {

line-height:38px;

height: 38px;

}

И убери падинги нафиг.

Бесит блин, уже и так написал что нужно делать, а тебе прочитать и мозг включить лень.

Таккк easy, easy.. спасибо. Всё ровно не помогло, но с твоей помощью, понятно.. в чем проблема.

[homm]

Ёпаный насос, проблема не в опере. Я тебе говорю, уменьши шрифт в фаерфоксе, получишь вот такую фигню:

Если задаш height и line-height в 39 пикселей для спана, у тебя при любом шрифте все будет ок.

Думать нужно.

И да, я ошибся, когда сказал второй раз 38px, а не 39, но это фигня потому, что я и в первый раз все верно сказал.

[BassEast]

  homm said:

Ёпаный насос, проблема не в опере. Я тебе говорю, уменьши шрифт в фаерфоксе, получишь вот такую фигню:

Если задаш height и line-height в 39 пикселей для спана, у тебя при любом шрифте все будет ок.

Думать нужно.

И да, я ошибся, когда сказал второй раз 38px, а не 39, но это фигня потому, что я и в первый раз все верно сказал.

Думать нужно, согласен.

Поправил, хотя нормально выглядит только в моих браузерах.. которых на работе не так много (Win2000)

Спасибо большое Homm. Возьмусь по-серьёзнее за CSS.

Edited March 27, 2009 by BassEast