Gérer la taille de la balise iframe ou dela balise object

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Gérer la taille de la balise iframe ou dela balise object

Message par demeter1 Lun 16 Déc 2013 - 11:07

Bonjour à tous,
Dans le but d'adapter des iframes à divers thèmes que j'ai mis en place, je cherche le moyen de de gérer la hauteur et la largeur via une div.
Je vous avouerai avoir fait plusieurs essais mais sans succès.

J'ai essayé également d'empiler les iframes en les encadrant par une div et en les gérant par le biais d'un  display block pour déterminer la bonne iframe à afficher selon le thème mais, même résultat.

Auriez vous une petite astuce en sachant qu'il ca me falloir gérer cela via css ??????

Merci par avance pour vos réponses.


Dernière édition par demeter1 le Jeu 19 Déc 2013 - 13:10, édité 1 fois
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

Voir le profil de l'utilisateur https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Gérer la taille de la balise iframe ou dela balise object

Message par WhyNot Lun 16 Déc 2013 - 17:49

Hello,

Il faut que la taille de l'iframe s'adapte à la div qui la contient ? Donc quelque chose comme ça :
Code:
<div>
 <iframe src="http://www.google.fr"></iframe>
</div>

Avec ce CSS :
Code:
iframe { width: 100%; }
div { width: 300px; }

Question
WhyNot

WhyNot
****

Masculin
Messages : 244
Inscrit(e) le : 25/11/2013

Voir le profil de l'utilisateur http://whynot.forumactif.org
WhyNot a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Gérer la taille de la balise iframe ou dela balise object

Message par demeter1 Mer 18 Déc 2013 - 16:56

Bonjour whynot,
Milles excuses pour ce retard et , un grand merci pour cette aide.
Donc j'ai testé en attribuant une id à la div

Code:
<div id="casoar">
 <iframe src="http://www.google.fr"></iframe>
</div>

et pour css
Code:
.iframe { width: 100%; }
.casoar { width: 600px; }

dans ce cas, le width est géré mais l'iframe ne réagi plus pour le height.

J'ai donc testé en modifiant le css en
Code:
.iframe { width: 100%;height :100%; }
.casoar { width: 600px; }

Là malheureusement, même topo. La hauteur reste celle de la scrollbarr.

J'ai essayé également
Code:
.iframe { width: 100%;height :100%; }
.casoar { width: 600px;height :auto; }

et
Code:
.iframe { width: 100%;height :100%; }
.casoar { width: 600px;height :2400 px; }

Même soucis également.

J'ai retenté en incluant dans le style de l'iframe même de ne notifier que le height mais échec également.
les ! important rajoutés ne changent rien également.
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

Voir le profil de l'utilisateur https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Gérer la taille de la balise iframe ou dela balise object

Message par WhyNot Mer 18 Déc 2013 - 18:36

Alors attention, tu attribues un id mais tu sélectionnes une class dans ton CSS

Si tu utilises ce code :
Code:
        <div id="casoar">
        <iframe src="http://www.google.fr"></iframe>
        </div>
Il serait préférable d'utiliser ce CSS :
Code:
#casoar {width: 600px;}
#casoar iframe {width: 100%;}
WhyNot

WhyNot
****

Masculin
Messages : 244
Inscrit(e) le : 25/11/2013

Voir le profil de l'utilisateur http://whynot.forumactif.org
WhyNot a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Gérer la taille de la balise iframe ou dela balise object

Message par demeter1 Jeu 19 Déc 2013 - 13:09

ok Un grand merci Whynot, cela fonctionne à merveille.  :youopi: :youopi: :youopi: 
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

Voir le profil de l'utilisateur https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum