इंटरनेट एक्सप्लोरर, खड़ी स्क्रॉलबार की चौड़ाई

Question

एक div के लिए क्षैतिज स्क्रॉलबार बनाता है एक तालिका युक्त निम्नलिखित सीएसएस स्टाइल है:

#formulaAlts { 
    float: right; 
    height: 200px; 
    overflow: auto; 
} 

यह बात इतनी है कि जब तालिका> 200px, एक स्क्रॉलबार केवल तालिका के लिए प्रकट होता है बनाता है और पेज पर अन्य तत्वों को रखा जाना चाहिए। महान!

अब हमारे मित्र आईई के लिए ...
आईई में, तत्व युक्त तत्व को बढ़ाए बिना लंबवत स्क्रॉलबार को जन्म देता है। इसे "हल" करने के लिए, एक क्षैतिज स्क्रॉलबार बनाया गया है।
वह बेकार है। और मैं इसे चूसना नहीं चाहता ...

कोई विचार?

--EDIT--
मुझे पता चला है कि रेखा

overflow-x: hidden; 

बलों आईई क्षैतिज स्क्रॉलबार अनदेखी करने के लिए। यह बेहतर है .. लेकिन काफी नहीं है क्योंकि अब मेरी मेज का हिस्सा अदृश्य है।

Answer 1

सावधान।

overflow-x 

सबसे व्यापक रूप से समर्थित विशेषता वहाँ नहीं है।

मैं कुछ सही गद्दी के साथ एक युक्त div के साथ जाने के लिए करते हैं:

सीएसएस:

div.scroll { 
    overflow:auto; 
    padding-right:6px; 
    /* I've found 6px to be just right my purposes, but try others*/ 
} 

संपादित करें: आप इस के लिए काम करने के लिए कहीं न कहीं एक ऊंचाई विशेषता जोड़ने की आवश्यकता होगी! मैं आमतौर पर div.scroll घोषणा में एक डिफ़ॉल्ट सेट है तो विशिष्ट मामलों (अधिकांश) के लिए tweak। एचटीएमएल:

<div class="scroll" > 
    <table> 
    <!-- your table stuff in here --> 
    </table> 
</div>