Выравнивание изображений с Galleria.js в Opera Browser

Question

Я верю, что кто-то может помочь с моей проблемой. У меня проблема с пользователями, которые посещают мой сайт (www.amigaos.net) с помощью популярного браузера Opera; если бы кто-то тоже захотел протестировать в IE, это было бы замечательно, но, как пользователь Mac, я избегаю худших браузеров.

Я использую Galleria v 1.1.95 и у меня установлена ​​Opera beta 11, но я понимаю проблему с макетом (из отзывов пользователей), которая возникает и в предыдущих версиях.

Так что если вы заходите на www.amigaos.net с помощью Opera и нажимаете «Игры» в верхнем меню, galleria.js загружает галерею и сразу же вы должны заметить, что изображение главной галереи выровнено по левому краю на сцене, что является некорректным поведением. Safari и FireFox центрируют изображение.

Я не знаю, где мне искать в galleria.classic.css, html или .js - как мне заставить Opera правильно расположить изображение в центре сцены? Посоветуйте пожалуйста.

Заранее спасибо.

Answer 1

Проблема, которую я вижу (изображение вообще не появляется), вызвана тем, что Galleria.js установил высоту: 0.Он не может прочитать высоту сцены (<div class="galleria-stage">) в Opera - offsetHeight этого элемента возвращает 0, даже после того, как родительский объект получил явную высоту.(Оказывается, это известная ошибка в Opera, когда позиционированный дочерний элемент с установленным верхним и нижним значениями по-прежнему сообщает offsetHeight 0, если родительскому элементу задана явная высота.)

Я полагаю, что сценарий мог обнаружить это.Я не совсем уверен, почему им нужно читать высоту этого DIV, так как они знают высоту его родителя - но я думаю, что это сделано таким образом, чтобы сделать тематику и стилизацию более гибкими.

Я недействительно есть хороший обходной путь для вас - возможно, укажет .galleria-stage {min-height: 100%} или установит его высоту явно из JS?Однако я буду следить за ошибкой, чтобы она в какой-то момент была исправлена ​​..