2012-11-12 16 views
12

Beh, sono perplesso con questo. Come puoi vedere se vedi this jsfiddle con Internet Explorer 9, c'è un div che si espande automaticamente al passaggio del mouse. Non è richiesto javascript! Comunque, ho controllato il css con lo W3C validator e mostra diversi errori, ma per quanto posso dire sono dovuti a proprietà specifiche del fornitore, o almeno non sono stato in grado di trovare errori di sintassi, ecc. Sospetto questo particolare classe potrebbe essere troppo per IE 9:Div magicamente espandibile di Internet Explorer 9

div.gridViewScrollerH 
{ 
    width: 916px; 
    overflow-x: auto; 
    overflow-y: hidden; 
    -ms-overflow-x: auto; 
    -ms-overflow-y: hidden; 
} 

Qualcuno ha avuto questo problema prima? Qualche idea? Grazie

+1

IE9 non ha bisogno di '-ms-trabocco-x' o' -ms-trabocco-y'. Questi sono alias di 'overflow-x' e' overflow-y' rispettivamente, quindi non c'è motivo di usarli se si usano già le versioni non prefissate (non hanno alcun effetto se lo si fa). – BoltClock

+0

Penso che sia più un problema di overflow nascosto auto rispetto a quello nascosto. Ad esempio, alcune combinazioni di valori non funzioneranno. – BoltClock

+0

@BoltClock Sì, non avevo quelli originali. Ho aggiunto queste righe quando ho iniziato a disperarmi: p – JayPea

risposta

19

basta aggiungere display: inline-block; alla classe

div.gridViewScrollerH 
{ 
    display: inline-block; 
    width: 916px; 
    overflow-x: auto; 
    overflow-y: hidden; 
    -ms-overflow-x: auto; 
    -ms-overflow-y: hidden; 
} 
+0

Sarei cauto nel trasformare oggetti casuali in scatole da tavolo ... – BoltClock

+0

Mi spiace. 'display: inline-block' intendevo. Ho risolto la risposta. Thnx BoltClock – Varon

+0

Questo ha fatto il trucco. Grazie. – JayPea

2

Questo problema specifico IE9. Effettuare lo stile di overflow del div per scorrere, anziché applicare l'auto.

0

Si prega di provare ad aggiungere min-height: 0% nella classe