Internet Explorer: Images Wider Than div

Images on the front page aren’t displaying properly. Works fine on Firefox & Chrome but not IE. Inspecting the site, the column containing the image has some width like 700px, but the images are all 1300px as an example. Not sure why this is. They are also not responsive for mobile (stays same size)

Site in question:

http://kflaphi.ca

Hi,

Try adding the code below in the style field of your image element.

max-width:100%;

Hope that helps.

The images themselves are all max-width: 100%.

However, I did max-width: 100%; on the link of the image (all of the images were wrapped in achor tags) which managed to work!

Hi there,

Glad it worked, yes, you have to target the correct element. Depending on image size, it will take 100% of the container when placed on a smaller container. Hence, setting the wrapper to 100% will also limit the image.

Thanks!