2012-06-27 11 views
13

मुझे एक निश्चित स्थिति और ओवरफ़्लो के साथ div का उपयोग करते समय IE9 पर लंबवत स्क्रॉल बार के साथ एक अजीब समस्या का सामना करना पड़ा: div पर auto set।IE9 में स्क्रॉलबार के साथ समस्याएं, स्थिति: निश्चित, अतिप्रवाह: ऑटो

आईई 9 का उपयोग करके यहां देखें और खिड़की की ऊंचाई को छोटे आकार में छोटा करें।

http://bytiger.com/add/ie9_div_test.html

मैं पुष्टि कर सकता है कि इस IE8 पर नहीं होती है।

क्या कोई इस के आसपास एक उचित हैक जानता है? मैंने चौड़ाई को विंडो चौड़ाई में सेट करने का प्रयास किया है, लेकिन ऐसा लगता है कि यह उद्देश्य से div के आकार से स्क्रॉलबार चौड़ाई घटा देता है। मैं देखना चाहता हूं कि कोई ऐसा समाधान है जिसे इस निरंतर या हार्डकोड की गणना करने की आवश्यकता नहीं है और इसे वापस गणना की चौड़ाई में जोड़ना है।

चीयर्स!

संपादित करें: जेएसफ़िल्ड समस्या को प्रदर्शित नहीं कर रहा है ... ताकि यह हो सकता है कि क्या हो रहा है के बारे में एक बड़ा संकेत हो सकता है।

http://jsfiddle.net/dvAKW/

+0

मुझे यकीन नहीं है कि यह आपकी समस्या को ठीक करेगा, लेकिन IE9 में आपको इकाइयों की आवश्यकता होनी चाहिए। यदि इकाई छोड़ी जाती है, तो IE9 नियम को अनदेखा करता है। आपके सीएसएस में बहुत सारे यूनिटलेस नियम हैं (मुख्य/सामान्य.css सहित)। – Teemu

उत्तर

21

लगता है जैसे IE9 box-sizing संपत्ति को सही ढंग से संभाल नहीं करता है - "सीमा-बॉक्स" "सामग्री-बॉक्स" या उसे रिक्त आपकी समस्या को ठीक कर देंगे छोड़ने से इसे बदलने।

+0

धन्यवाद। इसने काम कर दिया! –

+0

आईई 9 एकमात्र ऐसा लगता है जो निश्चित स्थान वाले तत्वों में बिल्कुल स्थित तत्वों के साथ बॉक्स-साइजिंग पसंद नहीं करता है। या उन –

+3

के कुछ संयोजन दुर्भाग्य से, यह एक स्वीकार्य समाधान नहीं है। कंटेंट-बॉक्स में बॉक्स-साइजिंग सेट करना उद्देश्य को खारिज कर देता है, क्योंकि तब आप चौड़ाई का उपयोग नहीं कर सकते हैं: 100% और उम्मीद है कि खाते में पैडिंग लेना, उसके अनुसार तत्व को आकार देना है। – AsGoodAsItGets

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