iframe in 1 page

私はすでにここでそれについていくつかの調査をしましたが、良い解決策は見つかりませんでした。は、私はここ1 JSfiddle中2つのiframeを入れてみました： https://jsfiddle.net/g1v99z62/iframe in 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>

私は二度、すべてをチェックし..しかし、それはコンテンツが表示されない... なぜですか？

私はまだ間違っていますか？（最初のiframeを使用する以外にも、これは単なるページなので、別のURLで公開されている複数のグラフを監視することができます。

出典

2017-09-25 ashiekg

この1つの作品：

<!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>

はちょうどそれは、この1つはあなたの問題はあなたが選択したウェブサイトで作品のブラウザではありません確かに。（googleとyahoo）

出典

2017-09-25 11:19:03 F0XS

私はちょうど行った..しかし、それは動作しませんでした..そして私は最新のFirefox、ChromeとEdgeを使用しています。 – ashiekg

私はちょうど私の投稿を編集し、それはあなたのために大丈夫だ場合 – F0XS

私は問題がiframeを実行するために選択したウェブサイトだと思う。そして、あなたのiframeをフォーカスするために、リンクバライスを置く必要があります。 – F0XS

答えて

関連する問題