Java/CSS hilfe

08/20/2012 01:26 Critone#1
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).

[Only registered and activated users can see links. Click Here To Register...] 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 ^^
08/20/2012 02:36 Mikesch01#2
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.
08/20/2012 08:52 Critone#3
ligthbox.css

Code:
#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?
08/20/2012 12:56 kissein#4
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
08/20/2012 13:28 boxxiebabee#5
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.
08/20/2012 13:54 Critone#6
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 ^^
08/20/2012 15:19 kissein#7
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.
08/20/2012 23:27 Critone#8
Okay..

Und wie genau mach ich das? :D
08/20/2012 23:56 kissein#9
Beispiel:
[Only registered and activated users can see links. Click Here To Register...]

Mehr infos hierzu gibts bei:
[Only registered and activated users can see links. Click Here To Register...]
[Only registered and activated users can see links. Click Here To Register...]
10/04/2012 20:50 Critone#10
War lange nicht on, sorry.

Problem besteht aber immernoch und bitte um Hilfe!
10/04/2012 21:00 NotEnoughForYou#11
Gib dem body ein
HTML Code:
height:100%;
und dem #lightboxOverlay
HTML Code:
height:100%;
mfg