Problem showing pictures on IE8

Support has been upgraded!

The Support Forum is closed. Not to worry! Providing the top quality support you expect and we're known for will continue! We're not ending support, just changing where you submit requests. This will provide you with the best experience possible.

Premium Support

Have you purchased an addon for Connections such as one of our premium templates or extensions with a valid license and you need help?

Please open a Support Ticket in your user account.

Click here to open a support ticket.

Free Support

Are you using the free Connections plugin? Don't worry, you are still very important to us! We are still providing you with the same high quality support that we're known for.

Please open a new support topic in the WordPress support forums for Connections.

Click here to open a support topic.

This topic is: resolved

Tagged: 8.1, css, ie8, image, Responsive

This topic has 3 replies, 2 voices, and was last updated 8 years, 4 months ago by Steven Zahm.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
09/04/2014 at 5:48 am #302715

George Andreou
Guest

Hi Steven,

After upgrading to the latest version (8.1), it turned out that users with IE8 are not able to view the pictures of my Connections Business Directory. It shows an empty block instead.

With IE9 and above all working ok. Also with Chrome and Firefox. Before the last upgrade there was no issue.

I use Connections as part of an intranet portal, where I have users within the organization using only IE8.

I use Tile Plus 2.0.2 as template and Ubuntu as host server.

09/04/2014 at 9:45 am #302732
Steven Zahm
Keymaster
@ George

Ok, I’ve confirmed, found and implemented a fix. The bug is in the new responsive image support CSS code. I’ll be releasing a hotfix release within a week.

What can be done in the meantime is edit the cn-user.css file. Change this:
```
img.cn-image {
	border: none !important;
	height: auto !important;
	left: 0 !important;
	margin: 0 !important;
	max-height: none !important;
	max-width: 100%;
	padding: 0 !important;
	position: relative !important;
	top: 0 !important;
	/* width: 100%; */
}
```
to this:
```
img.cn-image {
	border: none !important;
	height: auto !important;
	left: 0 !important;
	margin: 0 !important;
	max-height: none !important;
	width: auto; /* For proper IE8 support for max-width, width:auto needs to be set first. */
	max-width: 100%;
	padding: 0 !important;
	position: relative !important;
	top: 0 !important;
}
```
Duplicate the cn-user.css file and name it cn-user.min.css. Upload both overwriting the originals.

Apologies for the trouble!
09/05/2014 at 2:09 am #302847

George Andreou
Guest

Thanks Steven for the prompt reply. The hotfix worked!

09/05/2014 at 10:09 am #302870

Steven Zahm
Keymaster

@ George

Great to hear!

If you have a moment, I would truly appreciate a review as they really do make a difference. Many thanks in advance!
http://wordpress.org/support/view/plugin-reviews/connections
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You cannot reply to this support topic. Please open your own support topic.