2009-04-30 71 views
1

我有一個問題,與html代碼。我嘗試了很多解決方案,但我還沒有解決我的問題。 Excatly我的問題是; 如果我在html頁面中使用了兩個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> 
+0

什麼意思tly是你的問題?你有什麼錯誤代碼? – Sam152 2009-04-30 09:26:36

回答