Aller au contenu


[astuce] Une iframe qui a la bonne hauteur


  • Vous ne pouvez pas répondre à ce sujet
1 reply to this topic

#1 noisette

noisette

    Webmarster

  • Admin
  • PipPipPipPipPipPipPipPipPip
  • 21 050 Messages :
  • Gender:Male

Posté 22 septembre 2012 - 12:47

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:



#2 noisette

noisette

    Webmarster

  • Admin
  • PipPipPipPipPipPipPipPipPip
  • 21 050 Messages :
  • Gender:Male

Posté 14 mars 2013 - 22:13

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

 

Voilà une alternative bien sympathique !





0 utilisateur(s) en train de lire ce sujet

0 membre(s), 0 invité(s), 0 utilisateur(s) anonyme(s)