Problème scroll iframe Fermé

Question

Bonjour, 

Ayant commencé le développement d'un site pour un ami et selon sa volonté j'ai fais un menu avec divers liens et un grand div qui prend 80% de la page en largeur.

Mon problème est le suivant : à l'intérieur du grand div j'ai inséré une iframe qui se rempli selon le lien sur lequel on clique du menu. Par exemple en cliquant sur forum, le div va se remplir avec le forum.
Jusque là ça fonctionne mais le problème est que dans l'iframe au lieu de toute simplement agrandir la page principale lorsque le contenu dépasse, il me met une scrollbar dans l'iframe.

En somme, je voudrais savoir si il est possible de tout simplement agrandir la page principale (et donc le div) plutôt que de mettre une scrollbar dans l'iframe.

J'ai fais quelques recherches comme par exemple l'attribut scrolling à "no" dans l'iframe mais le problème c'est qu'il n'agrandit pas la page principal il se contente simplement de ne pas afficher le reste de l'iframe. J'ai tenté de jouer avec l'attribut overflow mais encore une fois sans succès...

Pourriez-vous m'aider s'il vous plait ?

P.S. : j'ai entendu à droite à gauche que c'était déconseillé d'utiliser les iframes, mais c'était la solution la plus simple à mettre en oeuvre rapidement, si quelqu'un a une autre solution pas trop difficile à mettre en oeuvre je suis preneur.

Merci bien :)


Configuration: Windows 7 / Firefox 13.0

Fallentree · Answer

en changeant le style de la div    
document.getlementbyid('madiv').style.width='100%'; 
   
il me semble qu il faut faire ... par exemple avec la hauteur ...  
  
function full_height() {    
         var hauteur; 
         if( typeof( window.innerWidth ) == 'number' )      hauteur = window.innerHeight;    
         else if( document.documentElement && document.documentElement.clientHeight )      hauteur = document.documentElement.clientHeight;    
             hauteur -= 50;    
             left_sidebar.style.height = hauteur+"px";    
             map.style.height = hauteur+"px";  }

Nayro57 · Answer

Salut Fallentree, Merci pour ton aide, j'ai fais un copier/coller de la fonction full_height dans ma page. Cependant, je ne sais pas trop où l'appeler dans mon code, au moment où l'on définit la hauteur du div ? Par exemple :

full_height()%> l'iframe

La ligne que tu m'as donné au début : document.getlementbyid('madiv').style.width='100%'; je ne comprend pas trop l'intérêt de la ligne, la div va toujours faire 80% en largeur, c'est en hauteur que ça pause problème, limite le scroll horizontal ne gène pas trop c'est surtout le scroll qui est gênant mais la hauteur du div est toujours en 100%

Fallentree · Answer

http://www.treegrid.com/treegrid/www/

Problème scroll iframe

3 réponses

Discussions similaires