html - In IE11 using pseudo element ::before and display:table-cell and glyphicons contens wont show up -


i've spent rather time on cant come solution. problem want display glyphicon before content of text-block , element icon has should fill height body needs. works in browser versions except ie. have boiled down in fiddle

<div class="block">   <div class="body">body</div> </div>  .body::before {     background: blue;     content: "\e005";     font-family: "glyphicons halflings";     display: table-cell;     width:30%; }  .body {     background-color: green;     display: table;     width: 25%; } 

if add/remove display: table-cell on fiddle above using ie11 see problem is. can give me solution this, or better, explain happening.

there active bug report issue in microsoft connect website. on ie, font-family decleration ignored in pseudo-element display: table-cell; property.

to workaround problem, need set display: inline-block;.


Comments

Popular posts from this blog

cakephp - simple blog with croogo -

How to group boxplot outliers in gnuplot -

bash - Performing variable substitution in a string -