[OPGELOST]Gallery : laad niet in IE7, wel in IE8 en FF

[Maurice]

Gallery module wil niet laden in IE7, in IE8 en FF werkt hij wel gewoon goed.
Heeft iemand dit zelfde probleem gehad en/of hier een oplossing voor?
Ik gebruik de lightbox sjabloon.


.gallery {
position:relative;
width:528px;
height:220px;
margin-left:10px;
margin-bottom:30px;

}

.gallery .img {
height: 120px;
width: 110px;
float: left;
margin: 10px;
text-align: center;
border: #e2e2e2 solid 1px;
}

.gallery .img a {
display: inline-block;
border: 2px solid #ddd;
padding: 1px;
}

.gallery .img a:hover {
border-color: #999;
}

.gallery .pagenavigation {
height: 50px;
}

.gallery .prevpage a, .gallery .prevpage em {
display: block;
width: 50px;
height: 39px;
float: left;
margin: 0;
text-indent: -1000px;
background: url(../../images/previous.png) transparent no-repeat 0 0;
}

.gallery .nextpage a, .gallery .nextpage em {
display: block;
width: 50px;
height: 39px;
float: left;
margin: 0 6px 0 0;
text-indent: -1000px;
background: url(../../images/next.png) transparent no-repeat 0 0;
}

.gallery .parentlink a {
display: block;
width: 50px;
height: 39px;
float: left;
text-indent: -1000px;
background: url(../../images/uppage.png) transparent no-repeat 0 0;
}

.gallery .pagenavigation a:hover {
background-position: 0 -40px;
}

.gallery .prevpage em, .gallery .nextpage em {
background-position: 0 -80px;
}

.gallery .pagelinks {
float: right;
border-right: 2px solid #666;
}

.gallery .pagelinks a, .gallery .pagelinks em {
margin-top: 6px;
padding: 0 6px;
border-left: 2px solid #666;
text-align: center;
font: bold 11px verdana; color: #666;
}

.gallery .pagelinks em {
color: #000;
}

.galleryclear {
clear: both;
}


/* LIGHTBOX */

#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../lightbox/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }

#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

[Jos]

Ik heb eens met IE7 gekeken naar de standaard layout/stylesheet van cmsms en de standaard lightbox van Gallery, alles uiteraard in de laatste versies, maar bij mij werkt het gewoon.

Heb je een link naar de betreffende pagina?

[Maurice]

Hoi Jos

Bedankt voor je snelle reactie.


Ik heb je de link doorgestuurd.

Ik ben zelf nog aan het checken of het niet gewoon door een browser instelling komt.

Het loading icoontje is wel gewoon zichtbaar, maar komt niet verder dan dat en hij positioneerd zich onder de footer.
Hoogst waarschijnlijk dan toch een CSS foutje van mij ergens.

[Jos]

Ik zie in IE7 in het geheel de thumbs al niet    in FF wel...

Wilde gok: heb je de {metadata} tag wel ergens in de in je template staan?

Je hebt ook nog wat werk om het HTML-valid te maken... Ik zou daar toch op letten, omdat het fouten in de markup helpt voorkomen die van invloed kunnen zijn op de layout. Er wordt nu bijvoorbeeld geklaagd over tags zonder starting div. Maar het ziet er verder wel veelbelovend uit 

[Maurice]

Hoi

Ja de {metadata} tag staat er gewoon in.

Ik heb inmiddels ook de code opgeschoond (alleen de image rotator geeft nog wat meldingen)
toch blijft het probleem hetzelfde .

Op onderstaande wijze heb ik hem in mijn pagina geplaatst :


{Gallery template="lightbox"}


alle suggesties zijn meer dan welkom

[Jos]

om het in div met id Lightbox te zetten is misschien niet zo verstandig. Lightbox gebruikt zelf ook al zo'n id. Probeer eens een div zonder class of id? Gallery zorgt zelf ook al voor een omringende

[Maurice]

Hey Jos the boss! probleem is opgelost.

Het probleem heeft zich inderdaad opgelost door de gallery in
een div zonder ID of class te plaatsen .
De gallery laad nu zonder problemen ook in IE7, en ziet er goed uit.



{Gallery template="lightbox"}


Bedankt voor je hulp.

[Jos]

Goedzo! 

tip: Als je de lightbox template als standaard aanvinkt, hoef je em niet apart nog in je moduleaanroep als parameter mee te nemen.