Menu icon Foundation
Image resizing in table

Hi
I have a bug in Firefox that prevents images from scaling down to the width of a table column. The result being the table columns inherit the width of the images's original width.

I have found the solution of that problem on the internet by adding this in the css :

table {
table-layout:fixed;
width:100%;
}

Howerver, I would like to find a solution for Foundation build by SCSS.
How can I do that ?

Thank you

tableimageresizeresizingproblem

Hi
I have a bug in Firefox that prevents images from scaling down to the width of a table column. The result being the table columns inherit the width of the images's original width.

I have found the solution of that problem on the internet by adding this in the css :

table {
table-layout:fixed;
width:100%;
}

Howerver, I would like to find a solution for Foundation build by SCSS.
How can I do that ?

Thank you

Raphaël Périllat over 4 years ago

Nobody have an answer ?

Rafi Benkual over 4 years ago

The variable is in the _tables.scss file

$table-layout: auto !default;

The table width is controlled by attributes in html

 <th width="200">Table Header</th>

So the CSS you posted will also work.