Thema: Slimbox nicht im Vordergrund :-)

Hallo!

Ich habe folgendes Problem und komm einfach nicht weiter ... (ich hoffe ich bin hier richtig ...)

Ich verwende folgende Version: Joomla! 1.5.25 Stable mit einem Template von Rockettheme ...


Wenn ich meine Bilder auf der Homepage anklicke, öffnet sich wunschgemäß eine Großansicht mit dem Javascript Slimbox.
Das funktioniert ja schon mal!

Nur leider liegen manche Teile meiner Seite "über" oder besser gesagt vor der Bildansicht!

Z.B. das MainMenü, das Login Formular usw. ...

Das Problem tritt im Firefox auf ... Im IE funktionierts!

Am besten ihr seht es euch selbst an ...

http://www.fixl.at/castellano

Auf eines der Fotos klicken ... Beim Firefox bleibt dann das MainMenü im Vordergrund ... und ein Teil des Bildes verschwindet dahinter!!!

Was kann ich da tun ...

Ich bin echt schon am verzweifeln :-(

Danke für eure Hilfe

Horst

Das liegt an der fixierten Positionierung des Headers mit z-index. Um die Slimbox in der Vordergrund zu bekommen, in der slimbox.css folgendes ergänzen:

Zeile 3:

Code:

#lbOverlay {
    background-color: #000000;
    cursor: pointer;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1600;
}

Zeile 22:

Code:

#lbImage {
    background-repeat: no-repeat;
    border: 10px solid #FFFFFF;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 2000;
}

Zeile 54:

Code:

#lbBottom {
    border-color: #FFFFFF;
    border-right: 10px solid #FFFFFF;
    border-style: none solid solid;
    border-width: 10px;
    color: #666666;
    font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
    font-size: 10px;
    line-height: 1.4em;
    text-align: left;
    position: relative;
    z-index: 2000;
    background: #fff;
}

ha ha ...

danke dir :-)