Problem mit transparentem Lightbox2 Hintergrund!

[Nice_Stuff]

Hallo Gemeinde :-)

Kann mir jemand kurz mal helfen. Ich habe eine Lightbox2 in eine php seite eingebaut. funzt auch ganz gut, nur leider hat sich der transparente Hintergrund in den oberen Bereich der Seite fixiert.

Wenn ich also etwas runter scrolle und das Bild anwähle, füllt der transparente Hintergrund nur ein Teil der Seite aus und das vergrößerte Bild liegt teils auf dem Hintergrund und teils auf der Seite.

Ich hoffe das ist so einigermaßen nachvollziehbar

Danke

Gruß

[Nightflyer]

Code?

[Nice_Stuff]

Entschuldige, ich verstehe das nicht?

Brauchst du eine bestimmte Angabe, und wenn welche?

Danke!

[Nicmare]

CODE ALTA
;-)

von dem Problem wurde schonmal berichtet. ich finds aber net mehr :s.
du könntest mal in css probieren das hinzuzufügen:
html,body {height:100%}

[Nightflyer]

Oder zumindest nen Link auf deine Seite..

[Nice_Stuff]

Klar, hier mal die css

#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:lightbox/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: 113px; 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; }

wo und wie müsste denn jetzt in die datei der befehl genau plaziert werden, vielen dank

gruß

[Nice_Stuff]

Ach ja hier mal der Link, die Seite ist aber nicht von mir, ich versuche Sie etwas aufzupeppeln.

http://www.dance-factory-celle.de/media/index.php

Gruß

[Nightflyer]

FUnktioniert bei mir im FF, der IE meckert ab dem </style> welches doppelt ist und damit den restlichen CSS-Code schneidet.

[Nice_Stuff]

Das ist merkwürdig, ich habe auf einer anderen Seite die gleiche css laufen und da füllt er den ganzen Seitenbereich aus, auch im IE !