[rene-gade]

Hi,

hab mir die Smoothgallery installiert und optisch ein wenig angepasst. Nun hab ich im IE6 das Problem, dass in der Großansicht der Bilder
1. der Rand nicht korrekt angezeigt wird (rechts und unten wird er abgeschnitten) und
2. der Hintergrund beim Scrollen nicht mitläuft.

Zu sehen ist das ganze unter Die Jungen Schwindligen: Ronsberg_07

Hier die dazugehörige Stylesheet - Datei:

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

#lbCenter, #lbBottom {
    position: absolute;
    left: 50%;
    overflow: hidden;
    background-color: #fff;
    z-index: 20;
    border: 1px solid #6972ff;
}

#lbCenter {
    padding: 10px;
}

.lbLoading {
    background: #fff url('img/ladebalken1.gif') no-repeat center;
    border: 1px solid #666;
}

#lbImage {
    z-index: 25;
}

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

#lbPrevLink {
    left: 0;
}

#lbPrevLink:hover {
    background: transparent url('img/fleche1.png') no-repeat 0% 50%;
}

* html #lbPrevLink:hover { background: transparent url('img/fleche1.gif') no-repeat 0% 50%; }

#lbNextLink {
    right: 0;
}

#lbNextLink:hover {
    background: transparent url('img/fleche2.png') no-repeat 100% 50%;
}

* html #lbNextLink:hover { background: transparent url('img/fleche2.gif') no-repeat 100% 50%; }

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

#lbCloseLink {
    display: block;
    float: right;
    width: 80px;
    height: 30px;
    background: transparent url('img/close9yj.gif') no-repeat center;
    margin-bottom: 10px;
}

#lbNumber {
    display: block;
    float: left;
}

#lbNumber.gallery {
    display: block;
    float: left;
    padding: 10px;
}

#lbCaption {
    margin-left: 10px;
    display: block;
    float: left;
}

#lbDescription {
    float: left;
    padding-right: 10px;
}

#lbDescription #lbTitle {
    float: left;
    clear: both;
    font-weight: bold;
}

#lbDescription #lbCaption {
    margin-left: 0;
}

Im Firefox 2.0.0.6 ist die Darstellung optimal. Installiert hab ich die Version 1.0.9 unter Typo3 v4.1.2.

Hat jemand ne Idee?

Grüße rene-gade

[lichtbildwerke]

Hallo, das Problem hatte ich auch.

Du musst dir die CSS Datei der Slightbox suchen. Findest du im Order rgsmoothgallery/res/css/ slightboxColor.css. Dann musst du die Werte für #lbCenter anpassen. Ich hab das über den Stern-Hack (*html) geregelt und den Abstand (padding )auf 0 und die Rahmenbreite (border) auf 10px gesetzt. Bei mir siehts also folgendermassen aus:

/* Rahmenbreite Bildfenster */
#lbCenter {
padding: 10px;
}

*html #lbCenter{
padding:0px;
border:10px solid #d3d3d3;
}

Viele Grüße