2 iframes en 1 page

Alors oui, j'ai déjà fait quelques recherches à ce sujet ici, je n'ai pas trouvé une bonne solution. J'ai essayé de mettre 2 iframes à 1. jsFiddle ici: https://jsfiddle.net/g1v99z62/2 iframes en 1 page

<!doctype html> 
<html> 
    <head> 

     <title>XD | ICT | Monitoring</title> 

     <style> 
      body { 
       background-color: #343535; 
       font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
       color: #ffffff; 
       font-size: 14px; 
      } 
      h2 { 
       font-weight: bold; 
      } 
      #servid { 
       background-color: #F5F5F7; 
       padding: 5px; 
       color: #343535; 
       display: inline-block; 
       margin-bottom: 1px; 
      } 
      iframe { 
       margin-top: 0px; 
       width: 100%; 
       height: 500px; 
      } 
      #iframecpu { 
       margin:0; 
       padding:0; 
       width:100%; 
       height:100%; 
      } 
      #iframeram { 
       margin:0; 
       padding:0; 
       width:100%; 
       height:100%; 
      } 
     </style> 

    </head> 

    <body> 
     <div id="servid"> 
       WELCOME 
     </div> 


     <br /> 

     <div id="iframecpu"> 
      <iframe src="http://www.google.com"></iframe> 
     </div> 

     <br /> 

     <div id="iframeram"> 
      <iframe src="http://www.yahoo.com"></iframe> 
     </div> 

    </body> 

</html>

je tout vérifié deux fois .. Mais il n'est pas l'affichage du contenu .. Pourquoi?

Qu'est-ce que je fais encore mal? (En plus d'utiliser les iframes en premier lieu, mais il ne s'agit que d'une seule page, donc je peux surveiller plusieurs graphes qui sont publiés sur des URLs différentes, donc s'il vous plait, ne me tirez pas sur iframes).

Source

2017-09-25 ashiekg

Celui-ci œuvre:

<!doctype html> 
 
<html> 
 
    <head> 
 

 
     <title>XD | ICT | Monitoring</title> 
 

 
     <style> 
 
      body { 
 
       background-color: #343535; 
 
       font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
 
       color: #ffffff; 
 
       font-size: 14px; 
 
      } 
 
      h2 { 
 
       font-weight: bold; 
 
      } 
 
      #servid { 
 
       background-color: #F5F5F7; 
 
       padding: 5px; 
 
       color: #343535; 
 
       display: inline-block; 
 
       margin-bottom: 1px; 
 
      } 
 
      iframe { 
 
       margin-top: 0px; 
 
       width: 100%; 
 
       height: 500px; 
 
      } 
 
      #iframecpu { 
 
       margin:0; 
 
       padding:0; 
 
       width:100%; 
 
       height:100%; 
 
      } 
 
      #iframeram { 
 
       margin:0; 
 
       padding:0; 
 
       width:100%; 
 
       height:100%; 
 
      } 
 
     </style> 
 

 
    </head> 
 

 
    <body> 
 
     <div id="servid"> 
 
       WELCOME 
 
     </div> 
 

 

 
     <br /> 
 

 
     <div id="iframecpu"> 
 
      <iframe name="iframe1" src="https://jsfiddle.net/"> 
 
      <p>Your browser does not support iframes.</p> 
 
      </iframe> 
 
     </div> 
 

 
     <br /> 
 

 
     <div id="iframeram"> 
 
      <iframe name="iframe2" src="https://jsfiddle.net/"> 
 
      <p>Your browser does not support iframes.</p> 
 
      </iframe> 
 

 
     </div> 
 

 
    </body> 
 

 
</html>

Juste pour être sûr que ce n'est pas le navigateur le celui-ci fonctionne votre problème est le site que vous choisissez. (google et yahoo)

Source

2017-09-25 11:19:03 F0XS

Je viens de le faire .. Mais ça n'a pas marché .. Et j'utilise les derniers Firefox, Chrome et Edge .. – ashiekg

Je viens d'éditer mon post et de trouver une solution ça marche pour moi dis moi si c'est bon pour vous – F0XS

Je pense que le problème est le site que vous choisissez pour exécuter l'iframe. Et vous devez mettre un lien balise pour concentrer votre iframe. – F0XS

2 iframes en 1 page

Répondre

Questions connexes