ثابت عناصر div وداخل الإطار من العناصر

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

  •  03-07-2019
  •  | 
  •  

سؤال

ولدي مشكلة مع الكود. لقد حاولت العديد من الحلول ولكن أنا لم تحل مشكلتي. Excatly مشكلتي هي. اذا كنت تستخدم اثنين شعبة داخل صفحة HTML وكلاهما عناصر div يجب أن يكون يحتوي على عنصر iframe، أنا لم أر صفحة HTML الصحيحة في المتصفح.

ملحوظة: يجب أن يكون لكل شعبة الموقف: ثابت السمة المغلق

.

وكود مثال: 

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