iframes dans iframe avec width en %

iframes dans iframe avec width en % - HTML/CSS - Programmation

Marsh Posté le 17-07-2005 à 02:09:50    

Quand je mets ce script dans une iframe, les iframes n'ont pas toutes la même largeur lorsqu'elles sont en pourcentage. Ça cause problème sous IE avec certaine grandeur de fenêtre. Faîtes des test vous allez voir le problème.

Code :
  1. <html>
  2. <head> 
  3. <style>
  4. .switchcontent{
  5. height:205px;
  6. width:90%;
  7. display:none;
  8. border:2px #990000 solid;
  9. }
  10. </style>
  11. <script type="text/javascript"> 
  12. <!--
  13. function checkLinks() { 
  14.     if(!document.getElementsByTagName) 
  15.         return; 
  16.     var Menulinks = document.getElementsByTagName('A'); 
  17.     for(var i=Menulinks.length-1; i>=0; --i) 
  18.         if(Menulinks[i].className.indexOf('gmessa') != -1) {
  19.             Menulinks[i].href = "javascript:SwitchIframe(\'" + Menulinks[i].title + "\')";
  20.                 Menulinks[i].title = "";
  21.                 } 
  22. }
  23. window.onload = checkLinks;
  26. function SwitchIframe(numeroframe){
  27.     var moniframe = document.getElementById('sc' + numeroframe);
  28.     if (moniframe.style.display=='block' || moniframe.style.display == null) {
  29.         moniframe.style.display = 'none';
  30.     }
  31.     else{ 
  32.         moniframe.style.display = 'block';
  33.         moniframe.src = 'nomuser' + numeroframe + '.htm';
  34.     }
  35. }
  36. //-->
  37. </script>
  38. </head> 
  39. <body>
  40. <a href="#" title="1" class="gmessa">Nom du post 1</a><br> 
  41. <iframe id="sc1" class="switchcontent" frameborder=0 marginwidth=10 marginheight=10></iframe>
  43. <a href="#" title="2" class="gmessa">Nom du post 2</a><br>
  44. <iframe id="sc2" class="switchcontent" frameborder=0 marginwidth=10 marginheight=10></iframe>
  46. <a href="#" title="3" class="gmessa">Nom du post 3</a><br> 
  47. <iframe id="sc3" class="switchcontent" frameborder=0 marginwidth=10 marginheight=10></iframe>
  49. <a href="#" title="4" class="gmessa">Nom du post 4</a><br> 
  50. <iframe id="sc4" class="switchcontent" frameborder=0 marginwidth=10 marginheight=10></iframe>
  52. <a href="#" title="5" class="gmessa">Nom du post 5</a><br> 
  53. <iframe id="sc5" class="switchcontent" frameborder=0 marginwidth=10 marginheight=10></iframe>
  55. </body> 
  56. </html>


Comment faire pour avoir la largeur en pourcentage, sans avoir de problème sous IE? Je suis obligé d'avoir en pourcentage à cause de la résolution des visiteurs.

Reply

Marsh Posté le 17-07-2005 à 02:09:50   

Reply

Marsh Posté le 17-07-2005 à 03:21:58    

Je sais pas si j'ai de la chance, mais le width:100%; fonctionne sur Firefox et sur IE chez moi, sur ta page.

Reply

Marsh Posté le 17-07-2005 à 22:02:19    

Oui, mais pas en 1280x1024 fullscreen. Et si tu fais F5 ça se replace des fois.

Reply

Marsh Posté le 17-07-2005 à 23:38:03    

Voici un exemple du problème quand je mets le script dans une iframe.
http://www.freazer.com/perso/darkkrab/img.jpg


Message édité par darkkrab le 17-07-2005 à 23:38:54
Reply

Marsh Posté le 17-07-2005 à 23:52:50    

Ah effectivement, IE oublie de réajuster la taille quand la barre de défilement fait son apparition dans l'iframe. (Screenshot ici)
Peut-être une solution en Javascript ?...

Reply

Marsh Posté le 18-07-2005 à 05:27:48    

C'est ce que je cherche.

Reply

Marsh Posté le 20-07-2005 à 04:25:01    

Eurêka! Merci pour ceux qui ont cherché sans trouver.

Reply

Marsh Posté le 20-07-2005 à 08:12:10    

Surtout, ne donnes pas la réponse, comme ça ceux qui ont le meme problème n'auront pas la réponse à leur question après avoir lu ce topic ...


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 20-07-2005 à 09:17:21    

Elles servent à quoi vraiment les iframes ?

Reply

Marsh Posté le 20-07-2005 à 09:24:24    

Aucune idée :o
 
Mais si un autre iframien veut faire ca, c'est mieux de donner la solution :o
 
Mais bon ... dans ce cas ci, que personne d'autre ne puisse le faire, c'est pas gênant :D


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 20-07-2005 à 09:24:24   

Reply

Marsh Posté le 21-07-2005 à 03:05:09    

Un indice, utiliser les <div>

Reply

Marsh Posté le 21-07-2005 à 08:49:15    

Darkkrab, c'est pas un jeu de devinettes, hein. Nous on sait le faire, mais d'autres ne savent pas, vont faire une recherche, tomber sur ce post, et ils n'auront pas la réponse.
 
Donc si tu as la réponse, donne la ici afin que ceux qui font une recherche aient la réponse didiou ! :o


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 21-07-2005 à 15:52:05    

D'accord, mais aussi con que cela puisse paraître, j'aurais aimé avoir de l'aide. Mais aussi simple que la solution est, j'ai prouvé que je ne lâche pas si facilement. Fallait juste y penser:

Code :
  1. <style>
  2. .switchcontent{
  3. height:205px;
  4. width:100%;
  5. display:none;
  6. border:2px #990000 solid;
  7. }
  8. </style>
  10. <a href="#" title="1" class="gmessa">Nom du post 1</a><br>
  11. <div style="width:90%;">
  12. <iframe id="sc1" class="switchcontent" frameborder=0 marginwidth=10 marginheight=10></iframe>
  13. </div>

Reply

Marsh Posté le 21-07-2005 à 15:54:49    

Mais quel interêt d'utiliser des iframes ?

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed