2 I幀在1頁

所以，是的，我已經做了一些研究關於在這裏，沒有找到一個好的解決辦法。我試圖把2個I幀中1的jsfiddle這裏： https://jsfiddle.net/g1v99z62/2 I幀在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 src="http://www.google.com"></iframe> 
     </div> 

     <br /> 

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

    </body> 

</html>

我檢查了兩遍。但它沒有顯示內容.. 這是爲什麼？

我還在做什麼錯？（除了首先使用iframes，但這只是一個頁面，所以我可以監控多個發佈在不同URL上的圖表，所以請不要因爲使用iframe而使用我的圖片）。

來源

2017-09-25 ashiekg

這一個工作：

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

只是可以肯定它不是這一個工程你的問題是你選擇的網站的瀏覽器。（谷歌和雅虎）

來源

2017-09-25 11:19:03 F0XS

我只是做了。但它沒有工作。而我使用的是最新的Firefox，Chrome和邊緣.. – ashiekg

我只是編輯自己的帖子，並發現它爲我工作的解決方案告訴我如果這對你沒問題 – F0XS

我認爲問題在於你選擇執行iframe的網站。而你必須把鏈接應答器爲焦點你的iframe。 – F0XS

回答

相關問題