←  Création Web

InfoMars.fr

»

[astuce] Une iframe qui a la bonne hauteur

 Photo noisette 22 sept. 2012

Une iframe qui a la bonne hauteur

Un temps adulées, puis décriées, les iframes font à ce jour partie des éléments HTML en usage. Leur utilisation peut être maladroite, abusive parfois, il n'empêche que leur utilité est réelle dans certains cas.
Un des problèmes que l'on rencontre parfois avec l'intégration esthétique des iframes, c'est que leur hauteur ne s'adapte pas à un contenu dont la hauteur est variable.
Pour remédier à cela, il faut utiliser javascript.

Dans l'élément iframe, balise ouvrante:

onload="this.style.height=contentwindow.document.documentElement.scrollHeight+'px';"


En cas d'utilisation de la bibliothèque jQuery, le plug-in suivant peut être utile: Iframe Auto Height
:arrow: http://sly777.github...-Jquery-Plugin/

 

Voilà :byebye:

Répondre

 Photo noisette 14 mars 2013

http://www.grafikart...-responsive-385

 

Voilà une alternative bien sympathique !

Répondre