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

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 le 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
+ Hyperactif +

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

http://altitudetropicale.forums-actifs.com/index.forum
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 le 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
****

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

http://forum.forumactif.com
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 le 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
+ Hyperactif +

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

http://altitudetropicale.forums-actifs.com/index.forum
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 le 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
****

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

http://forum.forumactif.com
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 le Jeu 19 Déc 2013 - 13:09

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

demeter1
+ Hyperactif +

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

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

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


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