Как убрать баг в FF (горизонтальное и вертикальное центрирование)?

Question

[Clever_Coyote]

Доброго времени суток.

Задача отцентрировать по горизонтали и вертикали блок с диаграммой. В ie11, chrome и safari все работает как надо, а в FF валится, не могу понять в чем проблема.

Пример кода

Answer 1

[Владимир Сергеевич]

Попробуй так:

canvas {
  display: block;
  position: absolute;
  top:50%;
  left:50%;
  margin: auto;
  transform: translateX(-50%) translateY(-50%);
  width: 20%;
}

Comments

[Clever_Coyote]

Спасибо большое, теперь все как надо, весь день голову сушил

[Владимир Сергеевич]

Всегда пожалуйста) Вообще такое позиционирование для меня подарком было, высмотрел в подкасте у uWebDisign

[Владимир Сергеевич]

*Design

[Clever_Coyote]

Владимир Жданов: постоянно смотрю их подкасты, но не видел такой темы с позиционированием