TablePress vs Internet Explorer &FireFox Tobias Help Me

Hi,

thanks for your post, and sorry for the trouble.

The reason for this is probably that the image HTML code sets a width of 300px. Firefox and IE seem to give that a higher priority than Chrome.
To fix this, you should set this width via “Custom CSS”.
To do that, please change all of your current “Custom CSS” to

.tablepress td {
	text-align: center;
}
.tablepress td img {
	border: none;
	padding: 0;
	margin-bottom: 0;
}
.tablepress-id-12 td img {
	width: 200px;
}

Regards,
Tobias

Tobias you are the BIG BOSS!!
Thanks Thanks Thanks RESOLVED!! ??

Hi Bruno,

awesome, great to hear that this did it! Thanks for the confirmation! ??

Best wishes,
Tobias

P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

Hi Tobias

I have an IE problem ??

If you view this page in ie
https://www.jtdaylilies.com/our-daylily-garden/a/

you will see that the tables are misaligned.

The client is threatening not to pay. I am new to tablepress.

Can you help me out. Please.

Hi,

as I already said in the other thread, you should probably not use a single column for each image here. Instead, make this a two-column table, with the text in the first column (just like right now), and all the images from the other columns in just one new column. That way you won’t have these spacing issues, and you’ll get a better responsive functionality, as the images can wrap to the next line, if the screen gets smaller.

Also, that “Custom CSS” for the width is wrong and should be removed:

.tablepress-id-4,
7,
8,
9,
100,
11,
12 .column-1 {
	width: 300px !important;
}

You can not use the table IDs like that, but have to use the full selector, and combine that with a comma each time, like

.tablepress-id-4 .column-1,
.tablepress-id-7 .column-1,
.tablepress-id-8 .column-1,
.tablepress-id-9 .column-1,
.tablepress-id-100 .column-1,
.tablepress-id-11 .column-1,
.tablepress-id-12 .column-1 {
	width: 300px !important;
}

Regards,
Tobias