Iframe responsive |
Répondre |
Auteur |
Sujet Recherche Options des sujets
|
lilio98
Groupie Depuis le: 09 Nov 2017 Status: Inactif Points: 46 |
Options des messages
Thanks(0)
Envoyé : 17 Nov 2017 à 12:23 |
Yop à tous! Je suis de nouveau à vous! Voilà j'aimerais intégrer une page externe à un site crée sous OE, J'ai utilisé un Iframe, et celui-ci devrait être responsive... Seul problème le site affiche un double scrollbar... Celui du site en lui même et celui du cadre iframe... Pour rendre l'iframe responsive j'ai utilisé le code CSS suivant
.conteneur { position: relative; padding-bottom: 100%; // (450 ÷ 500 = 0.9 = 90%) height: 0; overflow: hidden; } .conteneur iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } Du coup y a t-il une solution pour que le conteneur fasse 100% de la hauteur de la page dans le cadre de tel sorte à qu'il y aie qu'un seul scroll bar (celui du site principal) J'espère avoir été clair dans mes propos, j'avoue qu'il est difficile d'expliquer... Voici le lien du site provisoire ou se trouve le problème... http://udg-sound.ch/V2/Sono.htm Merci d'avance! |
|
brolysan
Admin Group Depuis le: 14 Août 2009 Pays: France Status: Inactif Points: 10144 |
Options des messages
Thanks(0)
|
dans le bloc de code visuel, as tu laissé les propriétés wifth et heigt ?
sinon, essayez cette solution éventuellement. Edité par brolysan - 17 Nov 2017 à 12:28 |
|
lilio98
Groupie Depuis le: 09 Nov 2017 Status: Inactif Points: 46 |
Options des messages
Thanks(1)
|
Nope j'ai enlevé les propriété
|
|
brolysan
Admin Group Depuis le: 14 Août 2009 Pays: France Status: Inactif Points: 10144 |
Options des messages
Thanks(0)
|
ok, donc "normalement", cela aurait du fonctionner.
Testez les autres solutions avec js éventuellement. Je verrai si je peux tester dans la journée la solution pure css. |
|
Hobby001
Admin Group Modérateur Depuis le: 14 Feb 2015 Pays: Canada, Québec Status: Inactif Points: 6507 |
Options des messages
Thanks(0)
|
J'ignore si ça correspond à votre besoin mais jetez un oeuil sur https://forum.openelement.com/fr/forum_posts.asp?TID=21742&title=tuto-insertion-opencart-ecommerce
Edité par Hobby001 - 17 Nov 2017 à 13:37 |
|
Dmit OE
Admin Group Depuis le: 31 Mai 2012 Status: Inactif Points: 13971 |
Options des messages
Thanks(0)
|
Bonjour,
Votre page dans l'iframe n'appartient pas a la meme domaine ( http://udg-sound.com vs http://udg-sound.ch). Il y a des restrictions qui empechent l'echange entre la page-parent et l'iframe si ce n'est pas la meme domaine. Je crois qu'on peut l'autoriser (chercher Cross-Origin Policy) au niveau du serveur avec des bonnes entetes (avec le fichier .htaccess ou directement dans une page) mais je suis pas sur. Sinon dans votre cas mettre sur la meme domaine, eventuellement faire une passerelle PHP qui chargerait le contenu de la page-cible pour l'afficher - c'est plus facile a dire qu'a faire donc je profite...
|
|
Répondre | |
Tweet
|
Aller au Forum | Permissions du forum Vous ne pouvez pas écrire un nouveau Sujet Vous ne pouvez pas répondre aux Sujets Vous ne pouvez pas effacer vos messages Vous ne pouvez pas éditer vos messages Vous ne pouvez pas créer des sondages Vous ne pouvez pas voter dans les sondages |