2012-02-24 32 views
6

में सेल के अंदर आईफ़्रेम है, तो मैं इंट्रानेट एप्लिकेशन पर काम कर रहा था जो वर्षों से सभी प्रमुख ब्राउज़रों में क्विर्क मोड पर काम कर रहा है। लक्ष्य कुछ भी तोड़ने के बिना मानक मोड में काम करना था ताकि हम कुछ jQuery संकुल का उपयोग कर सकें। वैसे भी मेरी समस्या मानक मोड में है फ़ायरफ़ॉक्स और क्रोम कक्ष कक्ष में 2px नीचे पैडिंग जोड़ता है जब सेल के अंदर आईफ्रेम होता है। यह आईई में नहीं होता है।फ़ायरफ़ॉक्स और क्रोम तालिका कक्ष में 2px नीचे पैडिंग जोड़ता है जब मानक मोड

जब मैं क्विर्क मोड पर स्विच करता हूं तो पैडिंग फ़ायरफ़ॉक्स और क्रोम में चला जाता है।
जब मैं एक आईफ्रेम के बजाय div जोड़ता हूं तो पैडिंग दूर हो जाती है।
टेबल सेलपैडिंग और सेलस्पेसिंग को शून्य पर सेट करने से मदद नहीं मिलती है।
iframe src पृष्ठ मानक मोड में भी है।

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html> 
<head><title>Test</title></head> 
<body style="background:#FFF;"> 
<table cellpadding="0" cellspacing="0" border="0"> 
     <tr> 
      <td id='browser_td' style='width:1000px; height:500px; margin:0px; padding:0px; background:#000; border-bottom:0px;'> 
        <iframe id='browser_iframe' name='browser_iframe' src="http://houston.craigslist.org/" width='1000' height='500' frameborder="0" hspace="0" vspace="0"></iframe> 
      </td> 
     </tr> 
</table> 
</body> 
</html> 

उत्तर

8

iframe को vertical-align: top जोड़ें:

यहाँ एक परीक्षण का मामला देखने के लिए आप के लिए है। vertical-align का प्रारंभिक मूल्य baseline है।

iframe एक इनलाइन तत्व है। समस्याग्रस्त अंतर यह है कि अक्षरों में के लिए आरक्षित स्थान है।

अधिक यहाँ जानकारी: https://developer.mozilla.org/en/Images,_Tables,_and_Mysterious_Gaps

+0

इससे मेरी समस्या हल हो गई। मैंने इसके लिए घंटों बिताए। बहुत बहुत धन्यवाद। – icramc

0

मैं एक <table> के नीचे <td> में एक चित्र के साथ इस मुद्दे पर था। फ़ायरफ़ॉक्स के साथ छवि के नीचे दिखाया गया एक अतिरिक्त 2px था। (आईई ठीक था)

वैसे भी, मैं इस दिलचस्प पेज पर उतरा: (thirtydot द्वारा पोस्ट की गई) https://developer.mozilla.org/en/Images,_Tables,_and_Mysterious_Gaps

छवि पाठ आधारभूत पर बैठा था (जाहिरा तौर पर) और मैं छवि को यह टैग लगाया। सब ठीक है अब। धन्यवाद !

style="display: block;"