Divs 내부와 Iframe 요소 내부

StackOverflow https://stackoverflow.com/questions/806086

  •  03-07-2019
  •  | 
  •  

문제

HTML 코드에 문제가 있습니다. 많은 해결책을 시도했지만 문제를 해결하지 못했습니다. 실질적으로 내 문제는; HTML 페이지 내부에 두 개의 div를 사용하고 두 div 모두 iframe 요소를 포함 해야하는 경우 브라우저에서 올바른 HTML 페이지를 본 적이 없습니다.

참고 : 각 DIV에는 위치가 있어야합니다. 고정 CSS 속성.

예제 코드 : 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
    <title></title>
    <style>
     body{margin:0px;}

     .modalWrapper
     {
        position:fixed;
        display:block;
        width:500px;
        height:300px;
        background-color:#000;
        color:#fff;
        margin:0px; 
        top:50px;
        left:500px;
        z-index:100;
     }

     .modalHeader{ width:100%; height:80px; }
     .modalNavigator { background-color:#ccc; height:220px; }

     .bottomWrapper
     {
        position:fixed;
        display:block;
        width:100%;
        height:300px;
        background-color:#000;
        color:#fff;
        margin:0px; 
        bottom:0px;
        z-index:99;
     }

     .bottomHeader{ width:100%; height:80px; }
     .bottomNavigator{ background-color:#ccc; height:220px; }

    </style>

</head>
<body>


<div>       
    <div class="modalWrapper">
       <div class="modalHeader">
        Modal       
       </div>
       <div class="modalNavigator">

         <iframe frameborder="0" src="http://www.yahoo.com" id="Iframe1"
                style="height: 220px; width: 100%;" scrolling="no"/>    
       </div>
    </div>

    <div class="bottomWrapper">
       <div class="bottomHeader">
        Bottom       
       </div>
       <div class="bottomNavigator">
         <iframe frameborder="0" src="http://www.google.com.tr" id="Iframe2"
                style="height: 220px; width: 100%;" scrolling="no"/>
       </div>
    </div>   
</div>
</body>
</html>
도움이 되었습니까?

해결책

대신에:

<iframe [...]/>

노력하다:

<iframe [...]></iframe>

이것이 도움이되는 이유에 대한 자세한 내용은이 질문을 확인하겠습니다. 스크립트 태그가 작동하지 않는 이유는 무엇입니까?

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top