Hogyan állítható be egy beillesztett iframe reszponzív megjelenítése

Első
Előző
1
Tovább
Utolsó

kizsbendo
Témaindító
Nem elérhető
Junior Member

Több

2020 márc. 04 11:42 - 2020 márc. 04 11:55 #1 Írta: kizsbendo

Hogyan állítható be egy beillesztett iframe reszponzív megjelenítése téma létrehozva kizsbendo által

Sziasztok!
Weboldalba az iframet sikeresen beillesztettem ezzel a kapott kóddal:

<p><iframe id="idIframe" src="http://borovi.eu/index.php/hu/External?id=48" scrolling="no" width="700" height="3535" seamless></iframe></p>
<script type="text/javascript">
   document.getElementById('idIframe').style.padding = 0;
   document.getElementById('idIframe').style.margin = 0;
   document.getElementById('idIframe').style.border = 0;
</script>

A kódot 3 aloldalba kellett beraknom:
Egyedi CPL ajtók
Szabvány dekor ajtók
Festett MDF ajtók

Sajnos a reszponzitást nem tudtam beállítani. Ezzel próbálkoztam:

@media (min-width: 480px) {
  .layout-1-col div[role="main"] {
    float: left;
    width: 35%;
  }
  
  @media (min-width: 768px) {
  .layout-1-col div[role="main"] {
    float: left;
    width: 65%;
  }

Hogyan lehetne megoldani?
Az oldal ideiglenes elérhetősége:
wingate.wdsite.hu/index.php/nyilaszarok-...tok/egyedi-cpl-ajtok
Segítségeteket előre is köszönöm.

Utolsó szerkesztés: 2020 márc. 04 11:55 Balázs által.

Jelentkezz be, hogy te is részt vehess beszélgetésben!

kovacshazi
Nem elérhető
Joomla ász
Mindent lehet, csak akarni kell

Több

2020 márc. 04 13:36 #2 Írta: kovacshazi

kovacshazi válaszolt a következő témában: Hogyan állítható be egy beillesztett iframe reszponzív megjelenítése

A szélességét ne 700-ra add meg, hanem 100%-ra

<p><iframe id="idIframe" src="http://borovi.eu/index.php/hu/External?id=48" scrolling="no" width="100%" height="3535" seamless></iframe></p>
<script type="text/javascript">
   document.getElementById('idIframe').style.padding = 0;
   document.getElementById('idIframe').style.margin = 0;
   document.getElementById('idIframe').style.border = 0;
</script>

Segítség Joomla és VirtueMart webáruház készítéséhet, problémák megoldásában
www.webprogramok.hu

Joomladay2013 - Budapest, Hungary
www.joomladay.hu

A következő felhasználók mondtak köszönetet: kizsbendo

Jelentkezz be, hogy te is részt vehess beszélgetésben!