Проблема расположения (плавает), определенная для Оперы - PullRequest
Новая
       8

Проблема расположения (плавает), определенная для Оперы

0 голосов
/ 28 июня 2011

У меня есть строка заголовка форума (с названием форума и заголовком темы).Имя форума, если оно длинное, обрезается и отображается на :hover.Цель состоит в том, чтобы заголовок темы начинался рядом с названием форума, завис или нет, а также обрезался, когда слишком длинный.

Следующий сокращенный контрольный пример работает в Chrome и FF, ноне в Opera (проверено на 11,50 альфа, и последняя стабильная версия, как на Mac).

Правильное поведение: Название темы (с красной линией) соответствует названию форума.

Что я получаю в Opera: текст пропал - фактически скрыт overflow:hidden на .nav_bar, он перемещается на следующую строку.

1 Ответ

5 голосов
/ 28 июня 2011

display: inline-block; float: left не логично, потому что float: left заставляет display: block.

Из-за вашего использования white-space: nowrap я собираюсь оставить display: inline-block и сбросить float: left.

Это приводит нас сюда: http://jsfiddle.net/wkA7q/4/

Теперь он постоянно виден, но текст не выровнен в большинстве браузеров.

Чтобы это исправить, добавьте vertical-align: top пару раз: http://jsfiddle.net/wkA7q/5/

Это работает и согласуется между Chrome, Firefox, Opera, IE9 / 8.

(Я понимаю, что на самом деле я не рассматриваю причину, по которой Opera здесь отображается по-разному. Хотя display: inline-block; float: left конфликтует друг с другом, результат хорошо определен.)

...