2013-02-21 8 views
8

मैं वर्तमान में एक वेबसाइट पर मिश्रित मीडिया के घूर्णन असेंबल विकसित कर रहा हूं। साइट पर घूर्णन में दिखाई देने वाली लगभग 5 छवियां/वीडियो हैं। यह साइट एकट्रॉन सीएमएस का भी उपयोग करती है, इसलिए कोई तरीका नहीं है कि मैं यह निर्धारित कर सकूं कि असेंबल में कौन से स्लॉट छवियां होंगी और कौन सा वीडियो होगा। (वीडियो यूट्यूब पर होस्ट किए जाते हैं।)मैं आईफ्रेम के अंदर से अतिरिक्त मार्जिन कैसे हटा सकता हूं?

तो, मेरी समस्या यह है कि वीडियो आईफ्रेम के अंदर के किनारे से पूरी तरह से गठबंधन होते हैं, लेकिन छवियों को iframe के अंदर लगभग 10px के मामूली मार्जिन के साथ लोड होता है जो है खराब क्योंकि हमारी साइट बहुत सटीक रूप से निर्धारित की गई है और एक पिक्सेल की थोड़ी भिन्नता भी इसे गड़बड़ कर सकती है। यह केवल फ़ायरफ़ॉक्स और आईई में दिखाई देता है। मैंने क्रोम और सफारी में परीक्षण किया है और यह पूरी तरह से काम करता है। ये 4 ब्राउज़र केवल 4 हैं जिन्हें हम आधिकारिक तौर पर समर्थन देते हैं।

यहाँ मेरी HTML है:

<head> 
    <body> 
     <div id="mainImage"> 
     <iframe scrolling="no" frameborder="0" runat="server" id="MainImage1" 
     src="http://www.youtube.com/embed/u1zgFlCw8Aw?wmode=transparent"> 
     IFRAMES do not work in your browser</iframe> 
     <iframe scrolling="no" frameborder="0" runat="server" id="MainImage2" 
     src="images/default/mainImage/mainImage_02.jpg"> 
     IFRAMES do not work in your browser</iframe> 
     </div> 
    </body> 
</head 

सीएसएस इस प्रकार है:

#mainImage iframe{position:absolute; top:0; left: 0; padding:12px 0 0 12px; display:block;} 
#mainImage iframe html, body{ margin:0px; padding:0px; border:0px;} 

यह है कि सक्रिय रूप से रास्ता है कि iframes प्रदर्शन को प्रभावित साइट पर केवल कोड है।

तो, मेरा सवाल यह है कि, मैं iframe के अंदर उस मार्जिन से कैसे छुटकारा पा सकता हूं और यह केवल फ़ायरफ़ॉक्स और आईई में क्यों प्रदर्शित होता है ???

उत्तर

3

यह इफ्रेम सामग्री का मुख्य भाग है जो इसे नियंत्रित करता है, न कि इफ्रेम स्वयं।

iframe पृष्ठों पर CSS reset का उपयोग करें (यह मूल पृष्ठ पर भी चोट नहीं पहुंचाएगा) और सभी ठीक होंगे।

+0

तो iframe की सामग्री, वेबसर्वर से यूट्यूब से केवल एक एम्बेडेड वीडियो या चित्र या तो है तो मैं कैसे सीएसएस रीसेट कर सकते हैं जैसे आप ऊपर उल्लेख किया है? –

+0

क्रॉस-साइट स्क्रिप्टिंग हमलों को रोकने के लिए समान मूल नीति के कारण आप किसी भिन्न डोमेन से इफ्रेम की सामग्री को नियंत्रित नहीं कर सकते हैं। –

+0

खैर मुझे यूट्यूब वीडियो के लिए सीएसएस रीसेट की आवश्यकता नहीं है क्योंकि वे पहले से ही काम करते हैं (उनके पास शायद अपना स्वयं का सीएसएस है जो पहले से ही करता है)। यह वेबसर्वर (उसी डोमेन में) की छवियां हैं जिनके साथ मुझे समस्याएं हैं। –

17

ऐसा लगता है कि marginheight और marginwidth नौकरी भी करता है। https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe देखें।

अक्सर मैं का उपयोग करें:

<iframe src="..." 
marginwidth="0" 
marginheight="0" 
hspace="0" 
vspace="0" 
frameborder="0" 
scrolling="no"></iframe> 
+1

अच्छी तरह से धन्यवाद काम करता है! – Max

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