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

Több
2020 márc. 04 11:42 - 2020 márc. 04 11:55 #1 Írta: kizsbendo
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
  • kovacshazi profilkép
  • Nem elérhető
  • Platinum Member
  • Platinum Member
  • Mindent lehet, csak akarni kell
Több
2020 márc. 04 13:36 #2 Írta: kovacshazi
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!

Több
2020 márc. 04 15:45 #3 Írta: kizsbendo
Köszönöm szépen a segítségedet!

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