Colorbox wird nicht zentriert dargestellt

[hinzke]

Wenn ich per Colorbox ein Bild in der Galerie öffne wird diese nicht zentriert sondern nach rechts unten verschoben dargestellt.
Auch mit Mediabox das gleiche Ergebniss.

Installierte Module:

• dklemmt/contao_dk_mmenu
• felixpfeiffer/subcolumns (wird auf der Seite nicht aals Inhaltselement verwendet)
• madeyourday/contao-rocksolid-slider

colorboxfail.JPG

[Kahmoon]

Ist am Screenshot schwer zu erkennen aber hat die Seite einen horizontalen Scrollbalken? Vielleicht ist es wirklich die Mitte . Der vertikale Scrollbalken sollte da eigentlich auch schon nicht sein.

[Spooky]

Poste einen Link zur Seite.

[hinzke]

Zu finden ist das temporär hier:
http://gaestehaus.die-vorschau2.de/g...s-seegans.html
ist natürlich noch nichts fertig

[Spooky]

Das liegt an mmenu. Was hast du bei den Einstellungen des mmenu Moduls unter mmenu-Verhalten bei Wrapper Selector eingestellt?

[hinzke]

Dort habe ich noch nichts eingetragen

[Spooky]

Dort musst du #wrapper eintragen.

[hinzke]

Hab ich gemacht, aber das ändert nichts

[hinzke]

Hier noch mal alle Einstellungen des dk_mmenu

colorboxfail.JPG

[hinzke]

Sorry fürs puschen, aber keiner mehr ne idee?

[Seefahrer]

Hallo,

ich sehe in den Entwicklertools von Safari z.B.:

<div id="colorbox" ... >

die Styles

top: 504px;
left: 189px;

Das sorgt für den Versatz der Colorbox.

[Spooky]

Das sorgt für den Versatz der Colorbox.

Das wird von der Colorbox selbst so gesetzt.

[Seefahrer]

Wenn ich die Anweisungen in den Tools auskommentiere, wird die Box korrekt zentriert dargestellt?!

Das Colorbox-CSS hat bei mir:

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay,
#cboxWrapper {
    position: absolute;
    top: 0; 
    left: 0;
    z-index: 9999;
    overflow: hidden;
}

Edit: Tippfehler ...

[Bennie]

Es liegt daran, dass Du dem body max-width:1200px gegeben hast.
Wenn Du die gesamte Seite boxen willst, dann besser dem umschließenden wrapper diese Angabe geben.
Also zB. so

[id="wrapper"]  {
max-width: 1200px;
margin:auto;
}

[hinzke]

oh man. wie blind war ich denn bitte
sorry dafür