2009-11-30 5 views
5

मैं <col width="x*" /> साथ आनुपातिक स्तंभ चौड़ाई निर्धारित करने की कोशिश कर रहा हूँ:साथ आनुपातिक स्तंभ चौड़ाई निर्धारित करना <col चौड़ाई = "x *" />

<table width="600px"> 
    <col width="1*" /> 
    <col width="2*" /> 
    <col width="3*" /> 
    <tbody> 
     <tr> 
      <td style="border: 1px solid black;">AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA 
      </td> 
      <td style="border: 1px solid black;">BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB 
      </td> 
      <td style="border: 1px solid black;">CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC 
      </td> 
     </tr> 
    </tbody> 
</table> 

<col> टैग में अनुपात की स्थापना के बावजूद, स्तंभ चौड़ाई बराबर हैं। मुझसे क्या गलती हुई है?

+0

http://www.mozilla.org/newlayout/testcases/layout/columnconstraints.html पर इसके लिए एक टेस्ट केस प्रतीत होता है, और यह मेरे लिए क्रोम 3.0, फ़ायरफ़ॉक्स 3.0 या आईई 8.0 में काम नहीं करता है । –

+0

@ डोमिनिक रॉजर: इससे बहुत मदद नहीं मिलती है :)) 'टेबल लेआउट: फिक्स्ड' मदद करने लगता है। – LukLed

उत्तर

3

आप 17%, 34%, और 49% का उपयोग कर सकते हैं। 1: 2: 3

+0

धन्यवाद। मैं कर सकता था, लेकिन आनुपातिक लेआउट का उपयोग करना आसान है और चूंकि यह मानक का हिस्सा है, यह जानना अच्छा होगा कि इसे कैसे किया जाए। – LukLed

+1

यदि आपके पास कॉलम में से एक निश्चित चौड़ाई है तो आप आनुपातिक कॉलम को प्रतिशत में परिवर्तित नहीं कर सकते हैं (जब तक कि आप हाथ से पहले तालिका की कुल चौड़ाई को नहीं जानते)। –

0

मैंने इसे सभी प्रमुख ब्राउज़रों में काम करने की कोशिश की लेकिन असफल भी हो गए। आधिकारिक कल्पना को छोड़कर Google बहुत कम लाता है।

मैं निष्कर्ष निकालता हूं कि आनुपातिक कॉलम चौड़ाई किसी भी ब्राउज़र निर्माता द्वारा समर्थित नहीं है। बहुत अजीब, क्योंकि यह आजकल समर्थित कुछ गूढ़ सामग्री की तुलना में बहुत उपयोगी प्रतीत होता है।

+0

कम से कम माइक्रोसॉफ्ट का कहना है कि आईई सापेक्ष चौड़ाई का समर्थन नहीं करता है, हालांकि यह स्पष्ट नहीं है कि यह किस संस्करण के बारे में बात कर रहा है: http://msdn.microsoft.com/en-us/library/ff406073(v=vs.85)। aspx –

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