Serendipity Forums

Posted: **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

Posted: **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

Posted: **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

Serendipity Forums

Google Maps responsive

Google Maps responsive

Re: Google Maps responsive

Re: Google Maps responsive