2 iframe in 1 page

그래서 나는 이미 여기에 대해 약간의 연구를했지만, 좋은 해결책을 찾지 못했습니다. .. 왜 즉이 https://jsfiddle.net/g1v99z62/2 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>

내가 두 번 모든 것을 확인 .. 그러나 그것은 내용을 게재되지 않고 는 여기 1. JSfiddle 2 개 iframe을 넣어 시도?

내가 아직도 잘못하고있는 것은 무엇입니까? (처음에는 iframe을 사용하는 것 외에는 하나의 페이지 일 뿐이므로 다른 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

나는 단지 그랬다. 그러나 그것은 작동하지 않았다. 그리고 나는 최신 파이어 폭스, 크롬과 가장자리를 사용하고있다. – ashiekg

나는 단지 나의 포스트를 편집하고 그것이 나를 위해 일하는 해결책을 찾는다. 괜찮 으면 – F0XS

나는 문제는 iframe을 실행하기 위해 선택한 웹 사이트라고 생각합니다. 그리고 귀하의 iframe에 초점을 맞추기 위해 링크 발리 스 을 삽입해야합니다. – F0XS

2 iframe in 1 page

답변

관련 문제