2011-09-14 9 views
11

Vedo un comportamento strano con DIV a scorrimento in IE9. Sto usando il tag CSS di altezza massima sul DIV. Il DIV diventa più alto quando inserisco il testo nelle caselle di input contenute nel DIV. Ciò accade solo quando le caselle di input si estendono oltre il bordo destro della pagina.Problema con DIV a scorrimento ad altezza massima in IE9

Per ricreare, ridurre il browser in modo che le caselle di input si estendano oltre il bordo destro dello schermo e le barre di scorrimento orizzontali appaiano sul DIV. Quindi inserisci il testo in una qualsiasi delle caselle di input. Il DIV diventa più alto con ogni sequenza di tasti.

Ho rovinato il mio CSS o HTML, o si tratta di un bug con IE9?

Grazie.

<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

Questo è davvero molto strano! Essere curioso per la correzione. – NGLN

+0

Live: http://jsbin.com/ifirur (non dimenticare di aprire con IE9 – Mohsen

+0

IE10 va bene per me, ma IE9 è come quello che OP dice – Mohsen

risposta

7

Sembra un bug, non c'è motivo per questo comportamento. Potrei risolvere il problema sostituendo overflow:auto con overflow-x:scroll.

Date un'occhiata: http://jsbin.com/ifirur/4

+0

Grazie per aver confermato che si tratta di un bug – SkipHarris

+0

grazie !! ha funzionato !! – Davsket

+0

'ovefflow: hidden;' funziona troppo – Kinka

Problemi correlati