Kissgallery hinter Navigation

[Armin]

Hallo zusammen,

ich drehe langsam durch. Habe mir ein neues Template runter geladen und jetzt habe ich das Problem dass unter "Portrait" die Kissgallery vor der Navigation angezeigt wird und wenn ich ein Bild anklicke, das Bild hinter der Navigation erscheint ?!?!?!

Habe in der CSS den Z-Index an beiden stellen auf 0 gesetzt aber geändert hat sich nichts.

Hat jemand eine Ahnung woran es noch liegen könnte?

http://www.diarminio.de

Edit: Jetzt ist mir auch aufgefallen das wenn ich auf ember gehen das Untermenü auch im Hintergrund erscheint :/

Edit: habe den unteren Z-Index auf 5 gestellt und kann das Member Untermenü wieder normal sehen. Die Probleme mit der Kissgallerybestehen jedoch immer noch.

[cmb]

Hallo Armin,

stell mal den z-index von #lbImage in slimbox.css (ab Zeile 22) auf 6. Das sollte funktionieren.

Christoph

[Armin]

Hallo Christoph,

bei mir sieht die slimbox.css so aus:

Zeile 22
#lbImage {
position: absolute;
left: 0;
top: 0;
border: 10px solid #fff;
background-repeat: no-repeat;
}

[Armin]

Das ganze sieht so aus:

/* SLIMBOX */

#lbOverlay {
position: absolute;
left: 0;
width: 100%;
background-color: #000;
cursor: pointer;
}

#lbCenter, #lbBottomContainer {
position: absolute;
left: 50%;
overflow: hidden;
background-color: #fff;
}

.lbLoading {
background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
position: absolute;
left: 0;
top: 0;
border: 10px solid #fff;
background-repeat: no-repeat;
}

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

#lbPrevLink {
left: 0;
}

#lbPrevLink:hover {
background: transparent url(prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
right: 0;
}

#lbNextLink:hover {
background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 10px solid #fff;
border-top-style: none;
}

#lbCloseLink {
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(closelabel.gif) no-repeat center;
margin: 5px 0;
}

#lbCaption, #lbNumber {
margin-right: 71px;
}

#lbCaption {
font-weight: bold;
}

[cmb]

Hallo Christoph,

bei mir sieht die slimbox.css so aus:

Zeile 22
#lbImage {
position: absolute;
left: 0;
top: 0;
border: 10px solid #fff;
background-repeat: no-repeat;
}

Hallo Armin,

ja genau, es sollte aber wie folgt aussehen:

Code: Select all

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
        [b]z-index: 6;[/b]
}

Christoph

[cmb]

Upps, jetzt hat mich der BBCode doch glatt reingelegt

Die letzte Zeile, die ich eingefügt habe darf natürlich nur

Code: Select all

z-index: 6;

enthalten.

Christoph

[Armin]

Danke für die Hilfe Christoph aber leider hat es nicht funktioniert.
Habe es so eingefügt wie du es mir geschickt hast aber leider hat sich nichts geändert.
Habe es jetzt so gelassen wie du es mir vorgegeben hast.

[Armin]

kein Problem.
Ich habe es geändert aber wie du siehst ist es leider immer noch so.
Das ist echt zum verzweifeln

[cmb]

Ja, leider baut sich die slimbox immer noch im Hintergrund auf. Darauf hatte ich nicht geachtet. Kann's zur Zeit nicht richtig ausprobieren, da Du wohl selbst gerade aktiv bist, aber ich denke, es könnte klappen wenn Du in slimbox.css ab Zeile 11 für #lbCenter, #lbBottomContainer den z-index auf 6 stellst. Den für #lbImage kannst Du dann wohl wieder löschen.

[Armin]

Habe es abgeändert aber leider keine Änderung.
Da steckt der Wurm drin