2011-01-25 9 views
6

पर यह मेरा IE पर काम नहीं कर रहा काम नहीं करता:पैडिंग तालिका आईई

<table style="padding:5px">...</table> 

लेकिन यह ओपेरा पर काम करता है।

क्या कोई कामकाज है?

उत्तर

17

पहले सीएसएस चश्मा (जो IE6 इस प्रकार है - और मैं शब्द "इस प्रकार" शिथिल का उपयोग करें) क्या गद्दी एक मेज पर परिभाषित के बारे में स्पष्ट नहीं हैं चाहिए इसका मतलब भी है। आईई 6, स्वाभाविक रूप से, पैडिंग को अनदेखा करके, हर दूसरे ब्राउज़र की तुलना में इसे अलग-अलग समझने का फैसला किया। अन्य ब्राउज़रों ने टेबल सीमा और बाहरी कोशिकाओं के बीच अंतर जोड़ने, कोशिकाओं के अंदर अंतर या आंतरिक कोशिकाओं के बीच को प्रभावित किए बिना इसे प्रस्तुत करने का निर्णय लिया। जब तक आईई 7 बाहर आया, चश्मे अन्य ब्राउज़रों की तरह काम करने के लिए मंजूरी दे दी थी, लेकिन आईई 6 में अभी भी समस्या है, जहां यह आसानी से पैडिंग को अनदेखा करता है।

सबसे अच्छा समाधान है कि आप अपनी मेज पर पैडिंग डालने से बचें, लेकिन इसके बजाय इसे एक div के साथ आसपास रखें, और वहां पैडिंग डालें।

<div style="padding: 5px;"> 
    <table...> 
    </table> 
</div> 

बेशक, अगर तुम क्या चाहते सेल रिक्ति या सेल गद्दी है (के रूप में सिर्फ मेज पर padding के खिलाफ) है, तो आप cellspacing या cellpadding गुण, का उपयोग करना चाहिए (भले ही आप इन नहीं करना चाहते IE6 तालिका प्रतिपादन के साथ एक और अलग समस्या से बचने के लिए आपको कम से कम cellspacing="0" की आवश्यकता है)।

इसके अलावा, यहां इनलाइन शैलियों डेमो उद्देश्यों के लिए हैं; सीएसएस वर्गों का उपयोग आमतौर पर बेहतर अभ्यास माना जाता है।

+2

बहुत बहुत धन्यवाद, आपका उत्तर बहुत पूरा है। मुझे पैडिंग के साथ div का उपयोग करना पड़ा और यह ठीक काम किया। इसके अलावा, IE6 के लिए cellpacing = "0" का उपयोग करने की सलाह के लिए धन्यवाद, मुझे यह नहीं पता था। विभिन्न ब्राउज़रों के बीच कई विषमताएं हैं जो मुझे पता था कि मुझे बहुत समय बचाएगा। उम्मीद है कि एक दिन उन सभी को सीखने के लिए। एक बार फिर धन्यवाद। – fabio

0

क्या आपने <table cellpadding="5"> का उपयोग करने का प्रयास किया था? आईई कुछ सीएसएस स्टाइल के साथ समस्या है। इसके अलावा आपका वाक्यविन्यास गलत है जिसे आप सेमी-कोलन भूल गए हैं।

+3

असल में, सीएसएस ब्लॉक में अंतिम नियम पर अर्धविराम की आवश्यकता नहीं है, इसलिए यहां कोई वाक्यविन्यास त्रुटि नहीं है। ऐसा कहा जा रहा है कि इसे अंतिम अर्धविराम जोड़ने के लिए भी अच्छा रूप माना जाता है। –

+0

अच्छा बिंदु, उस नियम के बारे में भूल गया। मान लीजिए कि यह सिर्फ पुरानी आदतें है और मेरे वाक्यविन्यास के बारे में गुदा है: पी – MidnightAnarchst

0

मैं अनुमान लगाता हूं कि आपके कोड में कुछ और गलत है।

पैडिंग IE में ठीक काम करता है:

http://jsbin.com/ewuho4/

+1

यह पूर्वावलोकन आईई के बाद के संस्करणों के लिए है; आईई 6 * किया * पैडिंग मुद्दा है। –

+0

टच; मैं उस घृणा के बारे में भूल गया था। – jvenema

+0

हाय दोस्तों, मेरी आईई वास्तव में संस्करण 8 है !! मुझे लगता है कि यह एक अलग भाषा के लिए एक विशेष संस्करण है, मैं निश्चित रूप से नहीं जानता। – fabio

0

यदि आप कोशिकाओं को पैड करना चाहते हैं तो सेलपैडिंग एट्रिब्योर (सेलपैडिंग = "एक्स") का उपयोग करें, यदि आप एक टेबल पैड करना चाहते हैं, तो यह संरचना के बारे में अजीब है, तो मैं अनुशंसा करता हूं कि अगर आप कुछ जगह चाहते हैं तो आप मार्जिन डाल दें इसके बीच और बाकी सामान के बीच। पैडिंग आईई पर काम नहीं करता है, भले ही मैं आईई का प्रशंसक नहीं हूं, मैं इसे

+0

मैंने मार्जिन का उपयोग करके एक बाउट सोचा लेकिन सोचा कि चूंकि पैडिंग काम नहीं करती है क्योंकि कोई भी काम नहीं करेगा। अब मैं पैडिंग के साथ एक div का उपयोग कर रहा हूँ। धन्यवाद – fabio

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