मैं फ़ायरफ़ॉक्स में एक युक्त div की iframe 100% ऊंचाई कैसे बना सकता हूं?

मुझे फ़ायरफ़ॉक्स और आईई (यह क्रोम में ठीक काम करता है) में 100% कंटेनर तत्व के लिए आईफ्रेम का विस्तार करने के तरीके को समझने में कुछ परेशानी हो रही है। चारों ओर खोज से, यह समझ में आता है कि युक्त div (और संभवतः शरीर और एचटीएमएल) पर निर्दिष्ट ऊंचाई होना चाहिए। हालांकि, मैंने यह किया है, और iframe अभी भी विस्तार नहीं कर रहा है। क्या सभी माता-पिता divs के लिए काम करने के लिए एक निर्दिष्ट ऊंचाई और स्थिति होनी चाहिए, या केवल माता-पिता शामिल हैं? इसके लिए कोई फिक्स बहुत सराहना की जाएगी!मैं फ़ायरफ़ॉक्स में एक युक्त div की iframe 100% ऊंचाई कैसे बना सकता हूं?

यहाँ मैं क्या है:

<!DOCTYPE html> 
<html> 
    <head> 
    <style> 
     html, body {margin:0; padding:0; height:100%} 
     #container {width: 1000px; min-height: 550px; position: relative} 
     #smallContainer {position:relative} /*no height specified*/ 
     #iframeContainer {height: 100%; position: relative} 
     #iframe {height: 100%; width: 100%; display: block} 

    </style> 
    </head> 
    <body> 
     <div id="container"> 
      <div id="smallContainer"> 
       <div id="iframeContainer"> 
        <iframe id="iframe" src="foo.com"></iframe> 
       </div> 
      </div> 
     </div> 

    </body> 
</html>

स्रोत

2012-03-22 David

क्षमा करें, मैं गलती से एक संदर्भ चौड़ाई के लिए किए गए यहां सवाल में, लेकिन मैं वास्तव में ऊंचाई का मतलब था। मैंने इसे प्रतिबिंबित करने के लिए संपादित किया है। – David

इस jQuery स्क्रिप्ट

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> 


<script> 

     var height = window.innerHeight; 

     $(document).ready(function(){ 

      $('iframe').css('height', height) 

     }); 

    </script>

स्रोत

2012-03-22 05:12:27 sujal

आपके पास आकार बदलने का समर्थन नहीं है। –

आप का एक संयोजन की आवश्यकता हो सकती प्रयास करें ..

$(function(){ 
    var height = window.innerHeight; 
    $('iframe').css('height', height); 
}); 

//And if the outer div has no set specific height set.. 
$(window).resize(function(){ 
    var height = window.innerHeight; 
    $('iframe').css('height', height); 
});

स्रोत

2012-03-22 05:19:05

मैं फ़ायरफ़ॉक्स में एक युक्त div की iframe 100% ऊंचाई कैसे बना सकता हूं?

उत्तर

संबंधित मुद्दे