max-width в Firefox и Chorme внутри таблицы

[alex_web64]

Здравствуйте.

Заметил такие различия в ff и chome, при применении свойства max-width внутри таблицы.

 

https://jsfiddle.net/fdqzpvxc/1/

Что с этим делать, если есть необходимость всем изображения превышать ширину родителя (max-width:100%)?

[Igor Schnaider]

Может, поэтому (link)

 

If that containing block's dimension depends on this element's dimension, then the resulting layout is undefined.

 

А вообще, зачем max-width, если явная ширина указана? Или это именно попытка разобраться, почему такое поведение разное?

[alex_web64]

max-width я применяю ко всем изображениям сайта, чтобы они не превышали ширину родителя.

Некоторые из них имеют уже установленную ширину, но это никак не влияет на то, что мы видим в хроме.

[Igor Schnaider]

А, ну ясно.

Но в любом случае, max-width с процентным значением высчитывается относительно ширины контейнера, а он не установлен (auto).

Ширина ячейки (не установленная) рассчитывается исходя из контента. Возможно, отсюда начинаются различия в браузерах: в Chrome коллапсирует.

 

Это лишь мое предположение.

 

 

Что с этим делать, если есть необходимость всем изображения превышать ширину родителя (max-width:100%)?

Отмените это правило:

 

    td img {

        max-width: none;

    }

Edited December 23, 2015 by Igor Schnaider