[chris x]

Hallo,

ich benutzte für die Dartsellung einer Bildergallerie Magnific Popup (http://dimsemenov.com/plugins/magnific-popup/).

Das Ganze funktioniert soweit auch ganz gut: einfach auf eins der Bilder klicken

Aber ab einer Viewporthöhe von ca. 517px, wird die rechte Textbox nach unten geschoben. Habe versucht dem div class="mfp-bottom-bar" dann eine feste Breite zu verpassen.

Problem 1: Sie bleibt am linken Rand hängen, egal wie ich sie auszurichten versuche. Puh...
Problem 2: Sollte das Bild noch nicht geladen sein, verschiebt es den Text, weil er noch nichts hat, an dem er sich ausrichten kann.

Vielleicht ist die Lösung ja ganz einfach und ich seh den Wald vor lauter Bäumen nich.

[SimonDerDude]

Kann ich hier unter Windows Chrome nicht nachvollziehen.
Hast du noch einen Browser für uns?

[chris x]

Danke für Deine Antwort.

Hab auch Chrome.

Sehe grad, dass Viewport unter 330 x 430 das Problem besser darstellt.

Das selbe ist auch hier zu sehen: auf das erste Bild klicken
und dann Viewport 320x480.

Eigentlich wollte ich den zwei Textboxen hier eine Breite von 50% geben. Nur dann verrutschen sie noch schneller, also wenn der Viewport höher als 320x480 ist.

[SimonDerDude]

Warum legst du nicht einfach eine Regel an für diese Breite,
sodass die Felder untereinander und beispielsweise zentriert angeordnet werden?

Im RWD hast du ja freie Hand was Designentscheidungen angeht.

[chris x]

Das hab ich schon versucht. Die bleiben links. Trotz text-align: center; und float: none;. Ich weiß auch nich bei welchem Element ich da grad ansetzen soll. Sieht dann auch nich mehr so übersichtlich aus.

[SimonDerDude]

Also wenn ich im Inspector Klassen 'popUpFooterTitleNews' und 'popUpReferenzNews' das 'float' nehme sind sie zentriert

[chris x]

OMG... Der Wald vor lauter Bäumen. Dank Dir!