Widget Google Maps Karte zentrieren

pks-team

Hallo,

ich möchte die Google Maps Karte (die beim Widget Google Maps angezeigt wird) zentrieren.

Das Widget ist in einem Container wo die Reihe auf Zentrieren gesetzt ist. Der Header ist auch auf zentrieren gesetzt. Nur die Karte erscheint linksbündig.

Wie kann ich das beeinflussen?

Stefan S

Müssten wir online sehen können, um das zu beurteilen.

Stefan S

Also in meinen Tests hier, hat das blendend funktioniert. Es muss halt sichergestellt sein, dass die "Breite in Pixeln" in den Widget-Einstellungen so hoch ist, dass die Spalte vollständig vom Widget ausgefüllt wird, sonst ist zwar die Spalte nachher zentriert, das Maps-Widget aber schmaler als die Spalte und das sieht dann nicht zentriert aus…

pks-team

Hallo Stefan,

Danke. Dann ist mein Problem keins (aus Sicht von ZP). Ich wollte die Karte zentriert im Container. Der Titel war aber breiter als die Karte. Also war der Container so, dass er auf ganzer Breite gezogen war um ihn möglichst nicht umbrechen zu lassen.

Bin grad am hin und her schieben um das Widget in einer eigenen Reihe zu haben. So kann ich davor und danach breiter schreiben.

Hier ist übrigens die (Bau) Seite: https://www.corsita.com

Stefan S

Mann kann das Zentrieren auch per CSS erreichen, wenn die Karte nicht in einer eigenen Reihe ist und die Spalte breiter als die Karte ist:

Code

/* greift nur für eine map mit der artikel-id 2001 */
iframe#zgmap2001{
    display: block;
    margin: 0 auto;
}

Code

/* alternativ: greift für alle maps im projekt */
iframe.zgmap{
    display: block;
    margin: 0 auto;
}

Code

/* rechtsbündig ist auch möglich */
iframe#zgmap2001{
    display: block;
    margin: 0 0 0 auto;
}

Widget Google Maps Karte zentrieren

Jetzt mitmachen!

Hilfe zum Support-Forum

Wollen Sie eine professionelle Website erstellen?