На Главную

Исчезающие блоки в Opera

February 21st, 2008 by Yuriy Drozdov

Уж от какого браузера я и ожидал сюрпризов, так это точно не от Opera. А дело было так. Был обычный макет:

HTML:
  1. <div id="header"></div>
  2. <div id="wrapper">
  3.     <div id="right">
  4.         <ul id="menu">
  5.             <li></li>
  6.         </ul>
  7.     </div>
  8.     <div id="left"></div>
  9. </div>
  10. <div id="footer"></div>

Привел не весь макет, а большую его часть, чтобы Вы имели представление о нем. Тут нас интересует элемент с id "menu". Именно с ним в Opera и начались проблемы.

Выглядело это следующим образом:

menu in opera

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

menu in opera with scroll

И в голову сразу лезут всякие нехорошие мысли о разработчиках браузеров. В частности Opera(Version 9.24, Build 8816), т.к. в Firefox и IE подобного не происходит.

Но стоит немного подумать - и в голове всплывает, что подобные чудеса не редки и в общелюбимом браузере IE 6. В народе эти чудеса получили название - IE6 Peekaboo Bug.

Поэтому, применив одно из средств для борьбы с подобным в IE6, баг был исправлен и в этом случае. А именно, исчезающему элементу было добавлено css свойство position: relative.

Автор: Yuriy Drozdov

Похожие статьи:

RSS комментариев | Trackback URI

11 Комментариев

Comment by Харви Subscribed to comments via email
2008-02-21 02:59:03

Вот-вот. У меня тоже была подобная проблема с Оперой. Я на нее, вообще, решил забить.

 
Comment by anycolor Subscribed to comments via email
2008-02-21 08:12:45

Я таких примеров у Оперы могу мульйон привести. Последнее время она меня, как разработчика, все больше и больше огорчает, откуда я для себя сделал вывод, что Опера - унылое гавно :(

Comment by Yuriy Drozdov
2008-02-21 13:58:27

:) хорошо, что мы не на хабре, а то бы сейчас минусов в карму накидали поклонники оперы

 
 
2008-02-21 12:15:01

> Уж от какого браузера я и ожидал сюрпризов,
> так это точно не от Opera.

Ну ты рассмешил! :-D

Когда я проверяю сайты в разных браузерах, то чаще всего какие-то непонятки именно в Opera (правда, скажу честно: тестирую в Опера 8.53) — с CSS и JS.

Comment by Yuriy Drozdov
2008-02-21 14:02:01

Тут я с тобой не согласен. Обычно оптимизируешь под ие и фф, а опера как-то сама все понимает и хорошо отображает.

Comment by milax Subscribed to comments via email
2008-02-21 17:22:09

Аналогично, коллега ;)

 
 
 
Comment by Dimox Subscribed to comments via email
2008-02-21 14:53:35

position: relative - это одно из самых популярных “лекарств”, которое я в первую очередь пытаюсь применить, если какой-то элемент страницы отражается не так, как надо :)

>:) хорошо, что мы не на хабре, а то бы сейчас минусов в карму накидали поклонники оперы

Действительно. Я один из них.

> (правда, скажу честно: тестирую в Опера 8.53)

Не понимаю, зачем тестировать на такой старой версии. Во-первых, в ней самой, похоже, много глюков, во-вторых, большинство используют версию 9.2 и выше.

2008-02-21 15:15:12

Тестирую на ней по той причине, что если в ней всё нормально, то в новых её версиях — и подавно.

Не могу сказать, что Опера прям вся насквозь глючная, но честно: если и бывают проблемы с отрисовкой страниц, то именно в ней. IE6 ещё более старый браузер, но он отображает нормально.

«Поклонник» Оперы… Мда уж, раньше поклонники были у певиц и проч. — у живых людей, а теперь инструмент (молоток, операционка, браузер) является объектом поклонения. Смешно прямо. :-)

 
 
Comment by Dimox Subscribed to comments via email
2008-02-21 15:30:24

> если и бывают проблемы с отрисовкой страниц, то именно в ней

A я почему-то проблемы с отрисовкой в Опере наблюда крайне редко

> «Поклонник» Оперы

Ну “поклонник” - это конечно громко сказано и, действительно, не совсем подходящее слово :) ))

2008-02-21 16:25:11

Я тоже редко. Но в ИЕ и ФФ я их вовсе не наблюдаю :-) В Сафари тоже бывают глюки, кстати.

 
 
Comment by Crash
2008-02-23 18:45:04

Ну а куда денешься, приходится такие баги фиксить.
У меня недавно какая-то проблема с FF была, ничего - попыхтел и исправил.

 

Извините, комментарии закрыты.