✔ Lightbox Fenster Startposition verändern

[MaltiCom]

Hallo,

habe jetzt seit ein paar Tagen Lightbox als Gallery eingestetzt. Nun habe ich das Problem, dass das Lightbox Fenster zu weit unten aufgebaut wird. Mir würde es reichen wenn es 5-10 Pixel vom oberen Rand (unterhalb der Navbar des Browsers) erscheint.
Bei mir kommt es aber ca 40 Pixel unterhalb.

Wo kann ich nun dieses mass ändern?

meine Seite: http://www.mors-eve.de
und dann auf Gallery

Danke für eure hilfe und ich hoffe Ihr könnt mir helfen.

 

[Maik]

Hi,

schau mal in der lightbox.css in den Selektor #lightbox, dort findest du die entsprechende Positionsangabe:

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

 

[MaltiCom]

Das habe ich mir auch schon gedacht, hatte dort schon verschiedene werte eingetragen, sogar auch null. Hat aber nix gebracht war immer wieder der selbe Abstand.

Da mus irgendwo noch ein eintrag sein. ich kann Ihn aber nicht finden.

 

[Maik]

Da mus irgendwo noch ein eintrag sein. ich kann Ihn aber nicht finden.

Ich kann da auch nichts finden.

Aber mit diesen Regelerweiterungen lässt sich die Lightbox nach oben verschieben:

#outerImageContainer{
        position: relative;
        top:-40px;
        background-color: #fff;
        width: 250px;
        height: 250px;
        margin: 0 auto;
        }

#imageDataContainer{
        font: 10px Verdana, Helvetica, sans-serif;
        color: #666;
        background-color: #fff;
        margin: 0 auto;
        line-height: 1.4em;
        position:relative;
        top:-40px;
        }

Der Restabstand zum oberen Fensterrand ergibt sich dann nur noch aus der margin-Deklaration für das body-Element in der fiblack.css

 

[MaltiCom]

Super,

hat geklappt. danke Ihr seit echt die besten.

Macht weiter so.

 

[blockbaster]

Hallo zusamm,
erstma danke für den Tipp mit der Positionierung.

Ich habe aber noch ein Problem mit dem Ende bzw. dem Bottom der Seite. (siehe Anhang)

Und wo kann ich die Schrift von der Caption verändern?

 

[MaltiCom]

das Problem habe ich auch, aber nur wenn das Bild geöffntet wird und man schon ganz unten auf der Seite angekommen war. Also das Bild über das Ende der Seite hinaus dargestellt werden muss.

 

[blockbaster]

Ja, so ist es bei mir auch!

Habe auch schon sau viel ausprobiert, bin aber auch leider kein CSS Profi!

 

[Quaese]

Hi,

nochmal zur Positionierung:
Eine top-Angabe mit der Ergänzung !important im Selektor #lightbox sollte den Abstand zum oberen Dokumentenende ebenfalls regeln - zumindest im IE ab 5.5 und Firefox nach meinen Tests.

Beispiel:

#lightbox{
	position: absolute;
	left: 0;
        top: 10px !important;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

Ciao
Quaese