NextGen Gallery Problem

  • Hallo.

    Wollte gestern die NextGen Gallery einrichten. Klappt soweit auch wunderbar, nur hab ich folgendes Problem:

    Klicke ich auf eins der Thumbs um das Bild in der Großansicht zusehen, geht diese auf und zeigt das Bild, jedoch liegt die Sidebar über dem Bild.


    Hier mal ein Screenshot:
    http://img60.imageshack.us/img60/1764/nex…yproblemsa5.jpg


    Wie bekomme ich diesen Anzeigefehler weg?
    Ich hoffe ihr könnt mir weiterhelfen.

    Gruß,
    jackennils

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Ich würde behauptet, das ist ein z-index-Problem. Dieser gibt an, wie sich Elemente überlappen sollen. Ein höherer z-index positioniert das Element weiter vorn.
    Erhöhe den z-index der Lightbox (möglicherweise lightbox.css im NGG-Plugin-Verzeichnis), oder senke den der Sidebar (style.css des Themes).

  • Ich werde es mal versuchen.

    Edit: So habs mal versucht. Eine lightbox.css gibt es leider nicht. Und in den anderen CSS Dateien steht nichts von z-index.
    Setze ich ihn in der CSS von der Sidebar herab tut sich auch nichts. Nicht mal bei einem Wert von -999.

    Noch eine Idee?

    Einmal editiert, zuletzt von jackennils (1. Juli 2008 um 18:38)

  • Link ist doch im Screenshot zu sehen :)

    Deine sidebar hat bereits einen sehr hohen z-index:

    Code
    #navigation {
    float:right;
    font-size:12px;
    font-weight:bold;
    margin-right:2px;
    position:relative;
    width:190px;
    [COLOR=Red][B]z-index:100;[/B][/COLOR]
    }

    Ich denke, die Gallery benutzt nur bis zu z-index 50, weshalb die dann drunter liegt.

  • Öhm, Link zu was?


    Zu einer Seite, wo eine Galerie eingebaut ist. ;-)


    Zitat von codestyling

    Link ist doch im Screenshot zu sehen


    Ahja. Stimmt. Hab ich gar nicht drauf geachtet. :-) Aber leider seh ich da auf die Schnelle trotzdem keine Seite die eine Galerie hat.

    Mit Link wärs einfach schneller zu debuggen. Kurz mal Firebug anwerfen und nachgucken. ;-)

  • Hier im Firefox 3 siehts gut aus. :D

    Den z-index der Galerie kannst du hier einstellen: plugins/nextgen-gallery/thickbox/thickbox.css (line 28)

    Code
    #TB_overlay {
    height:100%;
    left:0px;
    position:fixed;
    top:0px;
    width:100%;
    [COLOR="Red"]z-index:100;[/COLOR]
    }

    Zeile 50:

    Der der Sidebar ist hier definiert: style.css (line 69)

    Code
    #navigation {
    float:right;
    font-size:12px;
    font-weight:bold;
    margin-right:2px;
    position:relative;
    width:190px;
    [COLOR="#ff0000"]z-index:100;[/COLOR]
    }

    Du siehst, beide z-index-Werte sind gleich groß, das kann u.U. natürlich Probleme geben, da die Inhalte dann vielleicht implizit jeweils hochgezählt werden, und dann schon das eine oder andere Element einen höheren Wert als die Bilder in der Galerieansicht.
    Setz einfach den z-index für die Thickbox auf einen sehr hohen Wert, z.B. 5000 oder so. Sollte ausreichen, das der Fehler nicht merh auftritt.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!