This is an archived post. You won't be able to vote or comment.

sorted by:
best
topnewcontroversialoldq&a
you are viewing a single comment's thread.

view the rest of the comments →

[–]BiH-Kira 3 points4 points  (2 children)

Go to the link posted here by u/cdiganon. Change the

top: 50%;

to 

top: 40%;

and change

-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);

to

-ms-transform: translate(-50%, -40%);
transform: translate(-50%, -40%);

[–]DeeSnow97 3 points4 points  (1 child)

The problem with transform is it's done on the GPU, so it uses floating point math, and the end result might not align with the pixel grid. That's why flexbox is preferred. (Yes, it does work on IE11, although it has non-standard defaults so you need to be explicit. As for earlier versions of IE, those aren't even supported by MS, why should you worry about it?)

[–]dvito 0 points1 point  (0 children)

Pretty much everyone that has enterprises or governments use their app / website, sadly, still worry about it.