Internet Explorer 9 je magicky rozširujúci div - html, css, css3, internet - explorer - 9

S týmhle som zarazený. Ako môžete vidieť, ak vidíte tento jsfiddle s prehliadačom Internet Explorer 9 existuje div, ktorý sa automaticky rozširuje po umiestnení kurzora myši. Nevyžaduje sa javascript! Každopádne som skontroloval css pomocou Validátor W3C a ukazuje niekoľko chýb, ale pokiaľ je to možnépovedzte, že sú spôsobené vlastnosťami špecifickými pre dodávateľa, alebo aspoň som nebol schopný nájsť chyby syntaxe atď. Mám podozrenie, že táto konkrétna trieda by mohla byť pre IE 9 príliš veľká:

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

Mal už niekto tento problém? Nejaké nápady? Vďaka

odpovede:

stačí pridať display: inline-block; do triedy

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

Tento problém je špecifický pre IE9. Upravte štýl pretečenia div na zvitok , namiesto použitia automatického režimu.

Skúste do triedy pridať minimálnu výšku: 0%