Почему td игнорирует заданную ширину?

Question

[Aljo]

Здравствуйте!
Есть таблица, которая генерируется на лету.
Состоять она может максимум из 2 столбцов. В левом может быть картинка и для него задано свойство .img-td {width:180px;}.
Но бывает так, что он временами игнорирует это и становится меньше, при этом картинка выходит за границы.


Если задать table-layout:fixed;, то столбцы становятся равной ширины, что тоже не нужно. Как быть в такой ситуации? Как можно сделать так, чтобы столбец не уменьшался ниже определенного значения?
p.s. min-width не работает

Comments

[Ankhena]

1. Это очень мало похоже на табличные данные. Если это действительно так, то не нужно верстать это как <table>
2. Для картинок обычно задают max-width: 100%, чтобы даже в случае поломки, как на скрине, всё выглядело прилично.
3. Чтобы понять, что с левым столбцом, нужно знать, что в правом и почему браузер не может его сжать.
Также хорошо бы знать стили и самой таблицы.
А значит, выложите код с видимой проблемой на codepen.io
Картинки можно взять любые из яндекс.картинок или из сервисов заглушек.

[Aljo]

Ankhena,
1) верстаю в table, потому что с помощью domPDF это далее конвертируется в pdf.
2) max-width задан

Проблема в domPDF оказалась. Буду пробовать делать div-ами

[Ankhena]

Aljo,

верстаю в table, потому что с помощью domPDF это далее конвертируется в pdf.

Ага, это объясняет ситуацию

[alexalexes]

PDF конвертеры имеют очень ограниченный функционал CSS.
Читайте документацию к таким библиотекам. В доках очень четко описан набор атрибутов и свойств, которые поддерживает каждый тег. Те свойства, которые работают на div, не будут работать в table. Может быть другое поведение вычисляемых величин, не такое, какое можно ожидать при такой же верстке в браузере. Может случится так, что процентные величины не применимы в принципе, и вам самим нужно вычислять px значение.