आईई 7 फ्लोट बाएं और स्टैकिंग समस्या

Question

आईई 7 के साथ छोड़े गए फ्लोटिंग तत्वों के बारे में त्वरित प्रश्न। मूल रूप से मैं इस

<div><a href></a></div> 
<div><a href></a></div> 
<div><a href></a></div> 
<div><a href></a></div> 

divs एक दूसरे को इनलाइन करने के लिए अगले क्षैतिज लाइन अप की जरूरत है जैसे कुछ HTML है।

अभी divs बाईं जारी कर रहे हैं और उन्हें अंदर लंगर टैग पृष्ठभूमि छवियों, चौड़ाई, ऊंचाई और प्रदर्शन है: ब्लॉक।

के रूप में अब यह IE6 + 7 को छोड़कर सभी ब्राउज़रों उन दो ब्राउज़रों सब कुछ खड़ी एक ढेर के रूप में एक दूसरे पर खड़ी है में काम करता है। क्या IE के लिए ठीक करने का कोई त्वरित तरीका है? मेरे पास केवल सीएसएस फ़ाइल तक पहुंच है। मैं एचटीएमएल संपादित नहीं कर सकता।

Answer 1

इस प्रयोग करके देखें:

zoom: 1; // IE hack to trigger hasLayout 
*display: inline; // IE hack to achieve inline-block behavior 
*float: none; 

यह केवल IE द्वारा पढ़ा जाएगा, यह एक हैक है, लेकिन जब से तुम एचटीएमएल उपयोग नहीं कर सकते, काम हो सकता है।

Answer 2

सुनिश्चित करें कि आपके पास अपने divs को लपेटने वाले पैरेंट कंटेनर की चौड़ाई है जिसे आप बाईं ओर तैर रहे हैं। तैरने वाले प्रत्येक div की चौड़ाई भी सेट करें और इसे काम करना चाहिए।

<div id='wrap-it'> 
    <div><a href></a></div> 
    <div><a href></a></div> 
    <div><a href></a></div> 
    <div><a href></a></div> 
</div> 
<style> 
    #wrap-it { width: 200px; } 
    #wrap-it div { float: left; width: 50px; } 
</style>