1
Ich habe mal versuchsweise die Slimbox installiert, ein Ableger der Lightbox. Sie wird via "slimbox.css" gesteuert.
Bei mir sieht das dann auf der Testseite so aus:
http://www.gautinger-weltenbummler.de/start_html/test-slimbox.php
Ich schaffe es leider nicht, das Bild in die Mitte zu kriegen.
Wo liegt mein Fehler??
Warum ich die Slimbox gerne nehmen möchte? Beim IE8 wird bei der Lightbox der Hintergrund komischerweise nicht mehr schwarz.
/* SLIMBOX */
#lbOverlay {
position: fixed;
z-index: 9999;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #000;
cursor: pointer;
}
#lbCenter, #lbBottomContainer {
position: absolute;
z-index: 9999;
overflow: hidden;
background-color: #fff;
}
.lbLoading {
background: #fff url(loading.gif) no-repeat center;
}
#lbImage {
position: absolute;
left: 300px;
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;
outline: none;
}
#lbCaption, #lbNumber {
margin-right: 71px;
}
#lbCaption {
font-weight: bold;
}
Bei mir sieht das dann auf der Testseite so aus:
http://www.gautinger-weltenbummler.de/start_html/test-slimbox.php
Ich schaffe es leider nicht, das Bild in die Mitte zu kriegen.
Wo liegt mein Fehler??
Warum ich die Slimbox gerne nehmen möchte? Beim IE8 wird bei der Lightbox der Hintergrund komischerweise nicht mehr schwarz.