Google Maps responsive

Hier können Probleme und alles andere in Deutscher Sprache gelöst werden.
Post Reply
User avatar
refilix
Regular
Posts: 238
Joined: Sat Aug 01, 2009 12:39 am
Location: Berlin
Contact:

Google Maps responsive

Post by refilix » Thu May 31, 2018 11:21 am

Hallo,

ich versuche Google Maps als Responsive einzubauen. Funktioniert irgendwie nicht.

Benutze die aktuelle S9y Version mit dem Template Timeline, Red_Style.

Ich habe folgende Anleitung benutzt.

https://blog.kulturbanause.de/2012/10/g ... webdesign/

Code: Select all

.responsiveContainer {
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden;
}

.responsiveContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
Baue ich doch nur in die css ein die ich benutze oder nicht? In meinem Fall red_style.css.
Muss ich das noch wo anders einbauen? style.css oder so?

Wie in der Anleitung packe ich es in den Container:

Code: Select all

<div class="responsiveContainer">
  <!-- iframe-Code von Google Maps -->
</div>
Mach ich alles, Maps wird auch angezeigt, will sich aber nicht anpassen.

Jemand ne idee? oder wie ich es vielleicht anders besser hinbekomme?

mfg refi
Das Leben ist ein scheiss Spiel! Nur die Grafik ist geil!

User avatar
yellowled
Regular
Posts: 7007
Joined: Fri Jan 13, 2006 12:46 pm
Location: Eutin, Germany
Contact:

Re: Google Maps responsive

Post by yellowled » Thu May 31, 2018 11:30 am

Redest Du jetzt nicht von z.B. http://www.refilix.de/index.php?/archiv ... -Lebt.html …? Weil: Da funktioniert es doch? (Auch wenn es StreetView ist, aber das Prinzip ist ja dasselbe.)

Grundsätzlich hast Du den richtigen Ansatz für responsive Embeds und hast ihn da auch korrekt eingebaut. Es gibt auch m.W. keinen „besseren“.

Ich würde es statt in die red_style.css von timeline in die (bei Dir erst noch anzulegende) /timeline/user.css packen, damit es updatesicher ist, aber keinesfalls in mehrere Stylesheets (die ja ohnehin zu einem kombiniert werden).

YL
amazon Wishlist - Serendipity-Podcast (German only, sorry)

User avatar
refilix
Regular
Posts: 238
Joined: Sat Aug 01, 2009 12:39 am
Location: Berlin
Contact:

Re: Google Maps responsive

Post by refilix » Tue Jun 05, 2018 4:47 pm

Hallo,

danke für den hinweis mit der user.css. Habs jetzt hinbekommen. Weis grad aber nicht was ich anders gemacht habe als vor ein paar tagen. sry.

mfg refi
Das Leben ist ein scheiss Spiel! Nur die Grafik ist geil!

Post Reply