固定divとiframe要素の内側

私はhtmlコードに問題があります。私は多くの解決策を試しましたが、私は私の問題を解決していません。私の問題は間違いありません。 HTMLページ内に2つのdivを使用し、両方のdivにiframe要素が含まれている必要がある場合、ブラウザで正しいhtmlページを見たことがありません。固定divとiframe要素の内側

注：各divにはposition：fixed 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>

出典

2009-04-30 fyasar

どのようなexacあなたの問題ですか？あなたが持っているコードのエラーは何ですか？ – Sam152

あなたはどのブラウザを使用していますか？私はIE8でこれをチェックし、それはうまく見えました（両方のiframeが内容を適切に示していました）。 –

両方のdiv要素の中央画面を整列しますか？ –

の代わりに：

<iframe [...]/>

試してみてください。

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

が、私はこのことができます理由の詳細については、この質問をチェックアウトします：Why don't self-closing script tags work?

出典

2009-05-06 15:37:28

固定divとiframe要素の内側

答えて

関連する問題