आईई 8

Question

में आईफ्रेम के लिए सीमा से छुटकारा पाने के लिए कैसे मैं अंदर आईफ्रेम के साथ एक संवाद बना रहा हूं, समस्या यह है कि सीमा आईई 8 में दिखती रहती है, यह किसी अन्य ब्राउज़र में पूरी तरह से काम करती है।

यह है कि मैं क्या करने की कोशिश की है, मैं भी सीमा की कोशिश की: कोई नहीं

$(d.dialog).find('#MyCoolDialogInner').html('<iframe src="/apex/EscalationForm?id={!Case.Id}" height="495" width="380" marginheight="0" marginwidth="0" frameborder="0"/>'); 

अग्रिम धन्यवाद

Answer 1

frameborder विशेषता (ध्यान दें राजधानी 'बी') जोड़ें।

तो यह देखने के लिए की तरह होगा:

<iframe frameBorder="0">Browser not compatible.</iframe> 

Answer 2

आप सीएसएस के माध्यम से इसे स्थापित करने की कोशिश की है?

iframe { 
    border:0px none transparent !important; 
} 

इसके अलावा, ये भी काम करने लगते हैं - marginheight="0" marginwidth="0" frameborder="0"। this post on the same IE issue से लिया गया।

Answer 3

इस प्रयास करें:

<iframe frameborder="no" /> 

Answer 4

frameborder हो सकता है एक 1 या 0, यकीन नहीं "नहीं" कोई मान्य मान है। कोडिंग करते समय Coda मान्य मूल्य विकल्प प्रदान करता है और जब मैं अपने आईफ्रेम पर ऐसा करता हूं तो केवल 1 और 0 उपयोग करने के लिए उपलब्ध हैं।

Answer 5

मुझे एहसास है कि IFRAMES की बात आने पर IE8 एक उपद्रव है। "फ्रेमबॉर्डर" को HTML5 में बहिष्कृत किया गया है, जबकि यह IE8 के लिए सबसे आसान विकल्प है, यह दीर्घकालिक समाधान नहीं है।

मैंने आईएफआरएएम को एक कंटेनर के अंदर रखकर सफलतापूर्वक छिपी हुई सीमाओं और स्क्रॉलबार को सफलतापूर्वक छुपाया है। IFRAME कंटेनर स्वयं वेब पेज पर समग्र स्थिति के लिए एक div के अंदर रखा गया है। शीर्ष और बाएं सीमाओं को छिपाने के लिए iFRAME स्वयं पूर्ण स्थान और नकारात्मक मार्जिन दोनों शीर्ष और बाएं दोनों पर लागू होता है। पूरी तरह से स्थित आईएफआरएएम की चौड़ाई और ऊंचाई को 100% से अधिक कोड किया जाना चाहिए, इसलिए यह मूल आकार से उस बिंदु तक पहुंच गया है कि दाएं और नीचे की सीमाएं दिखाई नहीं दे रही हैं (स्क्रॉलबार भी दिखाई नहीं दे रहे हैं)। यह तकनीक iFrame को उत्तरदायी बनाता है क्योंकि iFRAME कंटेनर प्रतिशत का उपयोग करता है साथ ही साथ div जो कंटेनर रखता है। बेशक iFRAME पैरेंट div को अतिप्रवाह पर सेट किया जाना चाहिए: छुपा हुआ।

/*THE PARENT DIV FOR THE iFRAME CONTAINER*/ 
    .calcontainer 
     { 
     width:100%; /*adjust iFrame shrinking here - if floating use percentage until no white space around image.*/ 
     max-width:200px;  
     margin:auto;  
     } 


    /*THE RELATIVE POSITIONED CONTAINER FOR THE iFRAME*/ 

    .calinside /*container for iFRAME - contents will size huge if the container is not contained and sized*/ 
     { 
     position:relative; /*causes this to be the parent for the absolute iFRAME*/ 
     padding-bottom: 100%; /* This is the aspect ratio width to height ratio*/ 
     height: 0; 
     overflow:hidden; /*hides the parts of the iFRAME that overflow due to negative margins and over 100% sizing*/  
     } 


/*THE ABSOLUTE POSITIONED iFRAME contents WITH NEGATIVE MARGINS AND OVER 100% SIZE IS CODED HERE. SEE THE NORMAL SETTINGS VERSUS THE IE8 SETTINGS AS MARKED. A SEPARATE CSS FILE IS NEEDED FOR IE8 WITH A CONDITIONAL STATEMENT IN THE HEAD OF YOUR HTML DOCUMENT/WEB PAGE*/ 

    .calinside iframe 
     { 
     position: absolute; 
     top: 0; 
     left: 0; 
     width: 100% !important;/*must expand to hide white space to the right and below. Hidden overflow by parent above*/ 
     height: 103% !important; /*must expand to hide white space to the right and below. Hidden overflow by parent above*/ 
     /*IE8*/top: -2%; 
     /*IE8*/left: -2%; 
     /*IE8*/width: 114% !important;/*For IE8 hides right border and scroll bar area that is white*/ 
     /*IE8*/height: 105% !important; /*hide white space and border below. Hidden overflow by parent above*/   
     }