2010-11-07 13 views
7

मुझे यह सुनिश्चित करने के लिए विभिन्न मामलों में आवश्यकता है कि एक टेबल कोशिकाएं एक निश्चित चौड़ाई से कम न हों। इसे पूरा करने के लिए मैंने अलग-अलग परिणामों के साथ कई विकल्पों की कोशिश की है। टीडी परआप टेबल सेल की न्यूनतम चौड़ाई को कैसे नियंत्रित करते हैं?

  • चौड़ाई: विकल्प की कोशिश की है में से कुछ ठीक काम करता है, लेकिन कुछ ब्राउज़रों इसे अनदेखा और यह मान्य नहीं एचटीएमएल 5 में style="" या स्टाइलशीट अंदर
  • सीएसएस चौड़ाई है: कुछ ब्राउज़रों द्वारा नजरअंदाज कर दिया
  • चौड़ाई = एक्स और ऊंचाई = 1 के साथ
  • छवि: टीडी की सामग्री को ऊपर या नीचे धक्का देना (1px से अधिक) का कारण बनता है।
  • चौड़ाई = एक्स और ऊंचाई = 1 और नाव के साथ div: छोड़ दिया: यह, हालांकि यह सामग्री ऊपर आ रहा है या नीचे थोड़ा

किसी भी अन्य विचारों पल में सबसे अच्छा काम करने लगता है?

मैं इसे करने की जरूरत है कुछ भी में काम करते हैं, IE6 सहित :(लेकिन अगर वहाँ समाधान है कि IE6 में काम नहीं करते हैं, लेकिन सब कुछ, कि हो जाएगा एक वैसे भी शुरू :)

+0

divs के साथ जाने के लिए और मेज :) – s84

+0

मैं अच्छा लगेगा भूल जाते हैं। मैं उन्हें कॉल्सपन और रोस्पेन सहित एक मेज, की तरह बिल्कुल कार्य कैसे होगा? –

+6

यह ..if एक मेज है, यह एक मेज है ... मैं divs करने के लिए स्विच करने के लिए सिर्फ ताकि आप तालिका में उन्हें वापस चालू करने के लिए सीएसएस का उपयोग कर सकते कोई कारण देखते हैं। –

उत्तर

15

आप नहीं कर सकते हैं एक टेबल सेल की चौड़ाई को विश्वसनीय रूप से नियंत्रित करें। डीआईवी (या किसी अन्य ब्लॉक स्तर तत्व) में सामग्री को लपेटना और उस तत्व को लक्षित करना सबसे अच्छा है।

+4

लेकिन यदि वह सारणीबद्ध डेटा पेश कर रहा है तो उसे एक टेबल का उपयोग करना चाहिए। तालिका डेटा के लिए एक मेज का उपयोग नहीं देखने के एक अर्थ की दृष्टि से गैर सारणीबद्ध डेटा के लिए एक तालिका का उपयोग कर के रूप में के रूप में बुरा है। –

+6

@Alberto मार्टिनेज मुझे नहीं लगता कि @Brandon पूरे तालिका की जगह अर्थ है, लेकिन बजाय के रूप में

foo bar

+0

आह एक div में सेल के अंदर सामग्री लपेट, इस तरह के, मैं इसे नहीं मिला, वास्तव में है कि होगा एक स्पेसर छवि का उपयोग कर बेहतर हो। –

0

न्यूनतम चौड़ाई देखें। IE6 संगत नहीं है, लेकिन यह अधिकांश अन्य ब्राउज़रों में रॉक होगा।

2

min-width सही ढंग से न्यूनतम नियंत्रण रहेगा - में ब्राउज़रों कि इसे सही ढंग से समर्थन करते हैं। अक्सर समय width आईई 6-ईश बकवास में min-width की तरह काम कर सकता है। YMMV।

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