Старый 14.04.2010, 21:37   #1   
Форумец
 
Сообщений: 149
Регистрация: 18.02.2006
Возраст: 38

a_drew вне форума Не в сети
CSS: горизонтальный скролл в опере

В общем все очень просто.
Есть список ul li. Внутри некоторых элементов списка (li) необходимо разместить блоки с абсолютным позиционированием. Для этого мы для li задаем display:inline-block и position:relative, а для блока с абсолютным позиционированием position:absolute. Вроде бы логично.
Дальше нам необходимо задать позицию для блока — используем left:10px. Вот на этом этапе у Оперы (9.64) почему-то появляется абсолютно непонятный горизонтальный скролл на полстраницы. Почему?

UPD: еще скролл появляется, если не задать явно ширину блока с абсолютным позиционированием...
UPD: говорят, что и в других операх тоже. Не проверял.

Последний раз редактировалось a_drew; 16.04.2010 в 00:31.
  Ответить с цитированием
Старый 14.04.2010, 21:38   #2   
Форумец
 
Аватар для Xenon
 
Сообщений: 63,720
Регистрация: 02.10.2007
Возраст: 33
Записей в дневнике: 228

Xenon вне форума Не в сети
Цитата:
Сообщение от a_drew Посмотреть сообщение
Почему?
Как рядовой пользователь я бы сказал, что это не самая удачная версия Оперы.
  Ответить с цитированием
Старый 14.04.2010, 21:50   #3   
Форумец
 
Сообщений: 149
Регистрация: 18.02.2006
Возраст: 38

a_drew вне форума Не в сети
Я с вами абсолютно согласен. Осталось доказать это всем тем, кто использует эту версию
  Ответить с цитированием
Старый 14.04.2010, 22:11   #4   
xxCENSOREDxx
 
Сообщений: 983
Регистрация: 09.04.2006
Возраст: 44

alemiks вне форума Не в сети
Надо обернуть абсолютно позиционированный блок в <div style="position:relative;"> или для ul прописать overflow: hidden
Поведение inline-block почти во всех браузерах реализовано через жопу
  Ответить с цитированием
Старый 14.04.2010, 23:18   #5   
Форумец
 
Сообщений: 149
Регистрация: 18.02.2006
Возраст: 38

a_drew вне форума Не в сети
Большое спасибо! Действительно, можно сказать, что починилось.
Но опять же в опере возникла еще куча проблем, приводящих к тому же скролу. Так что, наверное, все придется сделать как-то по другому. Хотя я все равно не очень понимаю, почему опера выдает этот скролл? Обычно такое поведение браузера можно чем-то объяснить — какой элемент куда-то выезжает, позиционирование происходит относительно другого элемента. А опера как-то немного на своей волне )
  Ответить с цитированием
Старый 14.04.2010, 23:19   #6   
импровизатор
 
Аватар для Байт
 
Сообщений: 3,530
Регистрация: 04.12.2003
Возраст: 38
Записей в дневнике: 13

Байт вне форума Не в сети
Цитата:
Сообщение от alemiks
inline-block
Я его например вообще не применял никогда, и нормально жил с этим
  Ответить с цитированием
Старый 14.04.2010, 23:19   #7   
Форумец
 
Аватар для Xenon
 
Сообщений: 63,720
Регистрация: 02.10.2007
Возраст: 33
Записей в дневнике: 228

Xenon вне форума Не в сети
Цитата:
Сообщение от a_drew Посмотреть сообщение
А опера как-то немного на своей волне )
Это особенно было заметно на сайте ВиО гугловских.
  Ответить с цитированием
Поиск в теме: 



Быстрый переход:

  Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения
BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd. Перевод: zCarot
Support by DrIQ & Netwind