2011-03-17 16 views
18

आईई doesn't support CSS3 columns - कोई बड़ा सौदा नहीं, है ना? हालांकि, मैं चाल करने के लिए किसी भी आधुनिकता-जैसी पुस्तकालय को खोजने की कोशिश कर रहा हूं। मैं वास्तव में आईई के लिए अलग-अलग सीएसएस को कोड नहीं करना चाहता, क्योंकि इससे हम किसी चीज पर बहुत अधिक ध्यान और ध्यान दे रहे होंगे। कोई सुझाव?आईई पर CSS3 कॉलम कैसे प्रदर्शित करें?

+1

आपकी समस्या यह है कि आईई एक सापेक्ष समस्या है ... कुछ संस्करण कुछ चीजों का समर्थन करते हैं जबकि अन्य नहीं करते हैं। और वहां संस्करणों का इतना विस्तृत वर्गीकरण है ... कुछ लोग अभी भी 6 का उपयोग कर रहे हैं! हालांकि 9 शायद CSS3 के लिए समर्थन होगा हालांकि मैंने इसे नहीं देखा है क्योंकि मैं अभी वेब विकास नहीं करता हूं और मैं आईई का उपयोग नहीं करता हूं। लेकिन आपका प्रश्न थोड़ा उलझन में है कि आपने कहा था कि आप आईई का समर्थन करना चाहते हैं लेकिन आईई के लिए अपने सीएसएस को ट्विक नहीं करना चाहते हैं ... आप आईई को ट्विकिंग के साथ समर्थन नहीं दे सकते ... – Kenneth

+2

मैंने कहा कि मैं नहीं चाहता था आईई के लिए अलग सीएसएस कोड करने के लिए। और मैं वास्तव में एक जावास्क्रिप्ट संगतता लाइब्रेरी या ऐसा कुछ करने की उम्मीद कर रहा था, लेकिन अच्छी तरह से .. चलिए ट्विक करें। –

+1

यदि आप IE के लिए अलग-अलग सीएसएस नहीं लिखना चाहते हैं, तो IE का समर्थन न करें। –

उत्तर

13

व्यावहारिक प्रोग्रामर की HTML5 and CSS3 पुस्तक इस तरह की चीजों पर कुछ अच्छी सलाह है। कॉलम के लिए, यह IE के लिए Columnizer Plugin for jQuery का उपयोग करने की अनुशंसा करता है।

+0

प्रैगप्रोग मुफ्त में कॉलम अध्याय प्रदान करता है http://media.pragprog.com/titles/bhh52e/multicolumn.pdf – dinnouti

0

अपना कोड देखे बिना, मैं प्रत्येक कॉलम को div में डालने का सुझाव दूंगा। फिर केवल आईई के लिए स्टाइलशीट लोड करने के बाद बॉडी टैग को फिर से परिभाषित करें, और divs के लिए शैलियों को जोड़ें।

केवल IE के लिए:

<!--[if IE]> 
    **** your styles ****  
<![endif]--> 

तुम भी यह एक कदम आगे ले और यह की अपनी शैली पत्रक में शरीर शैली के लिए कदम और शैली पत्रक आप ब्राउज़र के आधार पर की जरूरत लोड कर सकते हैं। यह इस बात पर निर्भर करेगा कि आप इसे कितना दूर लेना चाहते हैं।

1

आइटम आप एक मेज

के रूप में बाहर रखी चाहते पर display: inline-table; सेट करने का प्रयास
1

CSS3 के कॉलम के किसी भी संख्या में किसी भी HTML नोड की सामग्री मोड़ का एक तरीका प्रदान करता है। स्तंभों की संख्या को नियंत्रित करने के साथ-साथ उनकी चौड़ाई, सापेक्ष ऊंचाई ("भरें," या सामग्री को मौजूदा कॉलम में कैसे बांटा गया है), कॉलम, "नियम" (विभाजन रेखा या सीमा) इत्यादि के बीच गटर को नियंत्रित करने के लिए गुण हैं।

एक शुरुआती बिंदु के रूप में, w3schools.com CSS3 Multiple Columns संदर्भ पृष्ठ देखें।

हालांकि, सामान्य रूप से, व्यापक रूप से उपयोग किए जाने वाले ब्राउज़र के बीच अकेले IE, IE10 को छोड़कर कॉलम-CSS3 गुणों का समर्थन नहीं करता है।

एक क्रॉस-ब्राउज़र समाधान Columnizer jQuery Plugin है।

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