css - IE7 child elements not filling parent -
मेरे पास इस तरह की संरचना है:
& lt; ul class = "control tabSet बटन ऊर्ध्वाधर "& gt; & Lt; li वर्ग = "पहले टैब" & gt; & Lt; बटन वर्ग = "बटन ऊपर" id = "source" & gt; & Lt; span class = "wrap" & gt; लेबल 1 & lt; / span & gt; & Lt; / बटन & gt; & Lt; / li & gt; & Lt; li वर्ग = "टैब अंतिम" & gt; & Lt; बटन वर्ग = "बटन ऊपर" id = "save" & gt; & Lt; span class = "wrap" & gt; लेबल 2 & lt; / span & gt; & Lt; / बटन & gt; & Lt; / li & gt; & Lt; / ul & gt;
सभी ब्राउज़रों में, आईई 7 को छोड़कर, .बटन तत्व की चौड़ाई को 100% तक सेट करके, मुझे यह व्यवहार मिलता है कि हर बच्चे के रूप में व्यापक बच्चे हैं (जैसा कि निर्धारित होता है वाइप तत्व के अंदर का पाठ)। मुझे माता-पिता की चौड़ाई निर्धारित करने की आवश्यकता नहीं है; यह सबसे बड़े बच्चे की चौड़ाई के आधार पर ब्राउज़र द्वारा निर्धारित किया जाता है।
आईई 7 में हालांकि (मानक मोड में) मैं एक ही व्यवहार नहीं कर सकता प्रत्येक बच्चे के रूप में केवल व्यापक है क्योंकि इसे पाठ में शामिल होने के लिए मजबूर किया जाता है। अगर मैं स्पष्ट रूप से माता-पिता की चौड़ाई निर्धारित करता हूं, तो बच्चे चौड़ाई भरेंगे समस्या ये है कि मैं इस चौड़ाई को सेट नहीं कर सकता क्योंकि मुझे यह नहीं पता है कि प्रत्येक बच्चे में कौन सी टेक्स्ट होगा। रनटाइम से पहले मुझे पता नहीं है।
मैं इसे जावास्क्रिप्ट के साथ सुलझाने की कल्पना कर सकता हूं, लेकिन मुझे आश्चर्य है कि अगर कुछ आईई 7 सीएसएस चाल है कोशिश करो?
धन्यवाद!
मैंने इसे करने की कोशिश की लेकिन ऐसा नहीं लगता एक मुद्दा है आईई 7 और फ़ायरफ़ॉक्स में वैसे ही काम करता है।
& lt;! DOCTYPE html public "- // W3C // DTD एक्सएचटीएमएल 1.0 ट्रांस्क्रिप्शन // एन" http://www.w3.org /TR/xhtml1/DTD/xhtml1-transitional.dtd"> & Lt; html xmlns = "http://www.w3.org/1999/xhtml" & gt; & Lt; शीर्ष & gt; & Lt; मेटा http-equiv = "सामग्री-प्रकार" सामग्री = "पाठ / html; वर्णसेट = यूटीएफ -8" / & gt; & Lt; title & gt; टेस्ट & lt; / title & gt; & Lt; शैली प्रकार = "टेक्स्ट / सीएसएस" & gt; .tab {width: 500px; }। बटन {चौड़ाई: 100%; } & Lt; / style & gt; & Lt; / head & gt; & LT; बॉडी & gt; & Lt; ul class = "नियंत्रण टैबसेट बटन ऊर्ध्वाधर" & gt; & Lt; li वर्ग = "पहले टैब" & gt; & Lt; बटन वर्ग = "बटन ऊपर" id = "source" & gt; & Lt; span class = "wrap" & gt; लेबल 1 & lt; / span & gt; & Lt; / बटन & gt; & Lt; / li & gt; & Lt; li वर्ग = "टैब अंतिम" & gt; & Lt; बटन वर्ग = "बटन ऊपर" id = "save" & gt; & Lt; span class = "wrap" & gt; लेबल 2 & lt; / span & gt; & Lt; / बटन & gt; & Lt; / li & gt; & Lt; / ul & gt; & Lt; / body & gt; & Lt; / html & gt;
मैंने अपने स्थानीय होस्ट पर यह कोशिश की कोई समस्या नहीं।
Comments
Post a Comment