2

I'm working on a site for work and we support many languages. For some reason, IE11 seems to want to render Asian characters (especially Korean) lower than other languages when using line-height. I have an element that I want to vertically center my text in that is 21px high and I set a line-height of 21px on it. This works across all browsers and languages except for Asian languages in IE11. Is there a way to remedy this via CSS (other than manually changing the line-height for these languages) that would work cross-browser?

http://i.imgur.com/XiajYGe.png

Here is an example of how it is rendering in IE11, but centers in other browsers.

albert
  • 8,112
  • 3
  • 47
  • 63
Jason Addleman
  • 719
  • 2
  • 6
  • 13
  • 3
    you have any html or css code to demo the problem? – zgood May 20 '15 at 17:38
  • That image site just loads forever... any other way to show the image? Also, can you show the code that you are using? – Guffa May 20 '15 at 17:38
  • @Guffa I updated the image link with an imgur one. – TylerH May 20 '15 at 17:40
  • 2
    Post a code example of the problem that is relevant. – Protomen May 20 '15 at 17:42
  • I think I found part of the problem. It seems that higher up the chain there's a style on it setting `font-family: Arial, sans-serif;` It seems that IE11 is getting the font as sans-serif, and this is causing the text to be pushed down. Here's a jsFiddle of code: http://jsfiddle.net/ymL2m03n/2/ You can see in Chrome it looks centered correctly, but in IE11 it's pushed down. Is there a way to have it render similarly across browsers? – Jason Addleman May 20 '15 at 18:09
  • It actually renders just fine in IE11 on my computer. – Guffa May 20 '15 at 19:44
  • It's possible that your computer natively supports Arial, and it seems that mine isn't, therefor it gets the sans-serif for the font-family. If you go to this fiddle (I changed it to just be sans-serif), does it still look vertically centered in IE11? http://jsfiddle.net/ymL2m03n/3/ – Jason Addleman May 20 '15 at 21:05

0 Answers0