Как заставить работать стили в Firefox с наследуемой шириной от table-cell ?

Привет,

для центрирования и масштабирования изображений на сайте написан простой CSS класс для выравнивание их по:
1. вертикали;
2. горизонтали;
3. не выходить за границы родителя.

Тестирую в Chrome, все работает.
Тестирую в Firefox, изображение выходит за пределы родителя.

Ссылка на демо: jsfiddle.net/ZetRider/7WBz7/3

Так же необходимо учесть, что картинка может быть меньше по ширине своего родителя.

В чем особенность Fierfox перед этой задачей?
  • Вопрос задан
  • 2818 просмотров
Пригласить эксперта
Ответы на вопрос 1
ikeagold
@ikeagold
Ikeagold Web-Dev
Заменить max-width на width:
.t_m img {
    width: 100%;
}

Fiddle, и будет везде одинаково :) (проверил и IE11) п.с. Firefox
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы