Image OperaブラウザのGalleria.jsとの整列

Question

私は誰かが私の問題を助けることができると信じています。私のサイト（www.amigaos.net）にアクセスしているユーザーが一般的なOperaブラウザを使用しているときに問題があります。もし誰かがIEでテストしたいのであればそれは素晴らしいだろうが、Macユーザーとしては劣悪なブラウザを避ける。

私はGalleria v 1.1.95を使用しており、Operaベータ11をインストールしていますが、以前のバージョンでもレイアウトの問題（ユーザーからのフィードバック）を理解しています。

オペラを使用してwww.amigaos.netにアクセスし、トップメニューからゲームをクリックするとgalleria.jsがギャラリーを読み込み、メインギャラリー画像がステージで左揃えになっていることに気付くはずです。 SafariとFireFoxの両方がイメージを中心にしています。

galleria.classic.css、htmlまたは.js自体をどこで調べるべきかわかりません - Operaがステージの中央に画像を正しく配置するにはどうすればよいですか？助けてください。

ありがとうございます。

Answer 1

Galleria.jsが高さ：0に設定されているため、画像が表示されないという問題が発生します。これは、Operaの高さ（<div class="galleria-stage">）を読み取ることができません - この要素のoffsetHeightは、親に明示的な高さを与えた後でも0を返します。 （これは、親が明示的な高さを与えられている場合に、トップセットとボトムセットを持つ配置された子がoffsetHeight 0を報告するOperaの既知のバグであることが判明しています）。

スクリプトがこれを検出できると思います。彼らが親の高さを知っているので、なぜこのDIVの高さを読む必要があるのか​​、私は完全にはわかりませんが、テーマ付けやスタイリングを柔軟にするためにはこのようにしていると思います。

実際には、.galleria-stage {min-height：100％}を指定するか、またはJSから明示的に高さを設定するなど、良い回避策はありませんか？私はしかし、いくつかの時点で固定する必要がありますので、バグに従います..