Lightbox stellt einzelne Bilder nur halb dar

[kwerner]

Hallo,

seit einiger Zeit beschäftige ich mich mit phpwcms. Hat meistens auch bestens geklappt. Wenn es Probleme gab, war hier immer schnell Hilfe zu finden.
Zu meinem derzeiten Problem habe ich jedoch nichts gefunden - weder hier im Forum noch beim Gockel.

Also das Problem: Ich baue gerade eine kleine Galerie. läuft auch (FAST) alles bestens und wie gewünscht. IM IE8 keine Probleme.
Firefox (aktuell) und Opera mit Fehler. Wenn ich ein Bild anklicke, öffnet sich die Lightbox und zeigt mir das Bild. Klicke ich jedoch auf "Next" oder "prev" wird die Hälfte weg geschnitten. Mal links, mal rechts. (siehe Screenshot)



Massnahmen um den Fehler zu beseitigen:
-Ordner /template/lib/jquery/ neu auf den Server kopiert
-Ordner /template/lib/mootools/ neu auf den Server kopiert
-Ordner /template/lib/slimbox/ neu auf den Server kopiert
- verschiedene Javaskripte in Admin > Vorlagen gewählt (mootools und jQuery - bei beiden der selbe Fehler)
- immer mal wieder Cache geleert und Browser neu gestartet...

Ja... und nun weiss ich nicht mehr weiter. Kann mir wer helfen?


Beste Grüsse

[Oliver Georgi]

welche Opera version?

[update]

Passt auch das CSS dazu?

[kwerner]

Hallo und Guten Abend,

ich habe das Problem gelöst - Danke für die schnelle Hilfe!
Der Opera ist jetzt uptodate.
Der Tipp mit dem css brachte die Lösung.

die css-Datei /template/lib/slimbox/slimbox.css enthielt für den "NEXT"- und "PREV"-Button folgenden Style (bei mir in Zeile 33):

Code: Select all

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

diesen habe ich wie folgt modifiziert:

Code: Select all

#lbPrevLink, #lbNextLink {
	display: block;
        background: transparent;
	border: none;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

Irgendwas scheint da Firefox und IE8 irritiert zu haben.

Sollte meine Lösung irgendwie nicht standardkonform sein oder irgendwie "unchick" bitte ich um eine korrekte Lösung.


Beste Grüsse

[Oliver Georgi]

http://meyerweb.com/eric/tools/css/reset/