नाव अगले भाई पिछले भाई

Question

के बाएँ मैं नहीं जानता कि कैसे करने के लिए या इस इंटरनेट एक्सप्लोरर के साथ किया जा सकता है अगर 6.

मैं पिछले भाई उसके बाईं ओर स्थित भाई फ्लोट करने के लिए कोशिश कर रहा हूँ

यह वही है जो मैं कर रहा हूं और यह क्रोम 6, ओपेरा 9 और फ़ायरफ़ॉक्स 1+ के साथ सही तरीके से प्रदर्शित होता है।

क्या IE6 के साथ मुद्दा यह है कि previous (2) सबसे दाएं (जहां यह सबसे अच्छा होगा next (1) पेज के बाईं ओर है कि करने के लिए बगल में होने के लिए करने के लिए जारी किया जाता है।

.wrap{float:left;} 
.prev {float:right;} 
.next {float:left;} 


<div class="wrap"> 
<div class="prev">previous (2)</div><div class="next">next (1)</div> 
</div> 

तो यह कर सकते हैं किया जाना है और आप जानते हैं कि यह कैसे करना है मैं 250 अंक

Answer 1

ये रहा: http://result.dabblet.com/gist/2489753

आप तैरता वहाँ उपयोग नहीं कर सकते, क्योंकि आईई एक है गंदा बग, जहां यह float: right; युक्त बाएं (या inline-block है) कंटेनर को फैलाता है।

हालांकि, शायद ही कभी उपयोग की जाने वाली संपत्ति direction है, जिसका उपयोग ऐसे लेआउट के लिए किया जा सकता है: यह पूरी तरह से क्रॉस-ब्राउज़र है और आप इसे inline-block एस के साथ सबसे अच्छे प्रभाव के लिए उपयोग कर सकते हैं।

तो, आपके मामले के लिए कोड इस होगा:

.wrap{ 
    display: inline-block; 
    direction: rtl; 
    } 
.prev, 
.next { 
    display: inline-block; 
    direction: ltr; 
    } 

लेकिन display: inline-block, ताकि आप इसे इनलाइन बनाकर लेकिन hasLayout के साथ हैक करने की जरूरत है ताकि बॉक्स के IE के लिए काम नहीं करते, आईई में केवल सशर्त टिप्पणियों में जोड़ें:

.wrap, 
.prev, 
.next { 
    display: inline; 
    zoom: 1; 
    } 

यही है! कदम से

कदम:

1. बनाओ सब कुछ इनलाइन-ब्लॉक, तो यह इनलाइन प्रवाह में काम करेगा।
2. रैपर पर प्रवाह को उलट दें।
3. बच्चों में सामान्य एलटीआर मोड में प्रवाह लौटाएं।
4. यह किया है :)

Answer 2

मैं इस चाल IE6 में काम करता है, तो याद नहीं कर सकते का एक उपहार दे देंगे।

.wrap{float:left;} 
.next {float:left;} 
.prev {overflow:hidden} 

मैं नहीं लगता है कि आप .wrap{float:left;}

<div class="wrap"> 
    <div class="next">next (1)</div> 
    <div class="prev">previous (2)</div> 
</div> 

इस तरह .prev चौड़ाई के बाद .left जारी है छोड़ दिया हो जाता है की आवश्यकता होगी है।

डेमो:

चादर चल साथ: http://jsbin.com/exevis

चादर के बिना चल: http://jsbin.com/opehig

Answer 3

बस उस दिशा संपत्ति के रूप में सामग्री बिछाने के लिए विरोध हिब्रू जैसी भाषाओं के लिए पाठ दिशा का संकेत करने के लिए है को ध्यान में रखना। जबकि IE6 की राक्षसता से निपटने के दौरान किज़ू का जवाब बहुत चालाक है, मैं आपको एक सशर्त में लपेटने की सलाह देता हूं और यदि आप पृष्ठ पर एकमात्र डेवलपर हैं तो भी हैक को दस्तावेज करना सुनिश्चित करें। यह सब कुछ महीनों और शायद कुछ मार्टिनिस बूट करने के लिए लेता है, और यह कार्यान्वयन काफी गैरकानूनी प्रतीत होता है।