[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