2011-09-14 17 views
11

में अधिकतम ऊंचाई स्क्रॉलिंग डीआईवी के साथ समस्या आईई 9 में स्क्रॉलिंग डीआईवी के साथ अजीब व्यवहार देख रहा हूं। मैं डीआईवी पर अधिकतम ऊंचाई सीएसएस टैग का उपयोग कर रहा हूं। जब मैं डीआईवी के भीतर निहित इनपुट बॉक्स में टेक्स्ट दर्ज करता हूं तो डीआईवी लंबा होता है। यह तब होता है जब इनपुट बॉक्स पृष्ठ के दाएं किनारे से आगे बढ़ते हैं।आईई 9

पुन: बनाने के लिए, ब्राउज़र को नीचे छोटा करें ताकि इनपुट बॉक्स स्क्रीन स्क्रीन के दाएं किनारे से आगे बढ़ें और क्षैतिज स्क्रॉल बार DIV पर दिखाई दें। फिर इनपुट बॉक्स में से किसी एक में टेक्स्ट दर्ज करें। प्रत्येक कुंजीस्ट्रोक के साथ डीआईवी लंबा हो जाता है।

क्या मैंने अपना सीएसएस या एचटीएमएल खराब कर दिया है, या यह आईई 9 के साथ एक बग है?

धन्यवाद।

<head> 
<style type="text/css"> 
.ScrollTest 
{ 
    max-height: 200px; 
    overflow:auto; 
} 
</style> 
</head> 
<body> 
<div class="ScrollTest"> 
    <table class="ScrollTest"> 
     <tr> 
      <td><input /></td> 
      <td><input /></td> 
      <td><input /></td> 
      <td><input /></td> 
      <td><input /></td> 
      <td><input /></td> 
      <td><input /></td> 
     </tr> 
    </table> 
</div> 
<div>Second DIV</div> 
</body> 
</html> 
+0

यह वास्तव में बहुत ही अजीब है! फिक्स के लिए उत्सुक होना। – NGLN

+0

लाइव: http://jsbin.com/ifirur (IE9 – Mohsen

+0

आईई 10 के साथ खोलना न भूलें मेरे लिए ठीक है। लेकिन आईई 9 ओपी कहता है कि ओपी – Mohsen

उत्तर

7

ऐसा लगता है कि यह एक बग है, इस व्यवहार के लिए कोई कारण नहीं है। मैं overflow:auto को overflow-x:scroll के साथ बदलने के साथ समस्या को ठीक कर सकता हूं।

एक नज़र डालें: http://jsbin.com/ifirur/4

+0

यह पुष्टि करने के लिए धन्यवाद कि यह एक बग है। – SkipHarris

+0

धन्यवाद !! यह काम किया !! – Davsket

+0

'ovefflow: छुपा;' भी काम करता है – Kinka

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