Java/CSS hilfe

[Critone]

Hey,

auf meiner Website die bald ein Shop werden soll habe ich ein Problem...undzwar wenn ich auf ein Bild klicke vergrößert sich dieses (dies ist mit JQuery gelöst und von einem Freescript aus dem Internet).

wenn ich dort auf das erste Bild klicke (was größer als die anderen ist) dann wird es unten ab einem bestimmten Punkt nichtmehr verdunkelt. Bei den anderen Bildern wird der komplette Hintergrund verdunkelt.

Wie stelle ich ein das immer der ganze Bildschrim (bzw. der Hintergrund) ganz verdunkelt wird?

Gruß
Critone

P.S: Screen im Anhang ^^
Falls ihr die CSS und Javascript-Datei für die Lösung des Problems brauch kann ich sie gerne hochladen ^^

[Mikesch01]

Hi,

du musst die Höhe des Div's mit der ID "lightboxOverlay" erhöhen.

Da ich leider nicht erkennen kann, wo du die Lightbox genau mit den Parametern aufrufst, kann ich dir nur so weiter helfen.

[Critone]

ligthbox.css

#lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
  display: none;
}

Was genau muss ich da jetzt ändern?

[kissein]

Ist das Bild beim aufklappen der lightbox grösser als deine montior höhe ?
Mit welchem Browser ist das problem vorhanden ?

1920*1200, FF / IE / Iron keine Probleme wie du sie beschrieben hast

[boxxiebabee]

Ist relativ schwer / lästig mit Firebug den Fehler zu finden / fixxen.
Am besten du ladest mal dein Projekt hoch damit man das mal genauer unter die Lupe nehmen kann.

[Critone]

Problem ist bei mir mit Firefox ^^

Und nein ich will nicht das diese weiße box größer wird, ich will das das was verdunkelt wird (also der hintergrund dieser weißen box) größer wird weil bei mir das ab einen bestimmten punkt nichtmehr verdunkelt wird, wie man auf den screen auch sieht..

Ich lade hier im Anhang alle Dateien hoch die mit dem Problem was zutun haben könnten ^^

[kissein]

die lightboxoverlay benutzt deine document.height als value.

FF interpretiert das richtig, da der inhalt deines content nunmal ca 300-500 px hoch ist und das bild über 1000px.

für mich schnellste methode wäre das html/css konstrukt so anzupassen das,
content height:100% !important, erhält oder
footer sich immer unten orientiert.

[Critone]

Okay..

Und wie genau mach ich das?

[kissein]

Beispiel:


Mehr infos hierzu gibts bei:

[Critone]

War lange nicht on, sorry.

Problem besteht aber immernoch und bitte um Hilfe!

[NotEnoughForYou]

Gib dem body ein

height:100%;

und dem #lightboxOverlay

height:100%;

mfg