jQuery Plugin Galleria zeigt im Opera keine Thumbnails

Wieder einmal stieß ich wärend meiner Arbeit an einem Webprojekt auf ein Problem mit dem Browser Opera. Diesmal im Zusammenhang mit Galleria (jQuery Galerie Plugin). Diese recht schicke Galerie war perfekt für das anliegende Projekt geeignet. Leider wurden die Thumbnailgrafiken im Opera nicht angezeigt. Nach etwas Debugging fand ich das Problem. Dem Thumb div (class galleria-image) wurde eine Höhe und eine Breite von 0px zugewiesen, dem Bild demnach auch. Dies trat allerdings nur im Opera auf.
Beheben lässt sich das ganze, indem man in der CSS Datei galleria.classic.css die Attribute height und width bei .galleria-image mit !important markiert. Dann funtionierts auch im Opera.

Ob das hier erwähnte auch mit andern Styles als der classic funktioniert weiß ich nicht, da ich keinen anderen Style benutzt habe.

Werbung

Opera schneidet Seiteninhalt ab

Im Opera kann es vorkommen, dass dieser Inhalte abschneidet oder gar nicht anzeigt. Dies ist mir bei ausgeschalteter „an Breite anpassen“-Funktion aufgefallen.

Versuch man über folgendes CSS einem Element eine Größe zu geben ignoriert Opera dies, bzw. kann es nicht interpretieren.

.myElement {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

Hierbei wird ein Element über den gesamten Bereich des darüberliegenden Elements gespannt. Ob das Element relative oder absolute positioniert is spielt dabei keine Rolle. Opera kann mit diesen angaben nicht umgehen. Abhilfe schafft hier folgendes:

.myElement {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%; /* Opera Bugfix */
}

Durch angabe einer Höhe macht auch Opera was er soll.