-
Posts
-
I made a table with an image on each cell. It works on Google Chrome, Safari and Microsoft Edge with responsive layout (image and table will resize when the browser resize without affecting all the white space area). But it doesn’t work on firefox and IE.
I set a width: 68% in the container of the layout element and set a max-width:85% in the table. But max-width is not working in Firefox and IE. I did some search and found that I have to add table-layout:fixed to the table. But when I add the table-layout: fixed, all the images in the cell will be in wrong dimension.
I think that should be a CSS problem. But I tried for a whole day and don’t have any solution. Hope someone can point me to the right direction.
Thanks,
AlexHey boscotwcheung!
Sorry for the delayed response.
Were you able to resolve the issue on your end?
Please show us a screenshot of how the table section should appear.
Also, instead of using tables, have you considered using a grid row instead?
Cheers!
DakeI still not able to resolve it. I did a day research and looks like that this problem can not be solved. You can see the link I posted in chrome for how the table should be. What do you means by grid row?
Hey!
You may have more success using a grid row (shown here: http://i.imgur.com/aaEvzHK.png) than a table.
Please try recreating your table using a grid row instead. If you are having any trouble on your end, you can provide us with temporary admin access to your website so we can attempt creating a test page with an example.
Cheers!
Dake
- You must be logged in to reply to this topic.