Why does iexplorer make this image smaller?

ColdAsIce · 10 Nov 2010 at 12:13

If you look at this page using firefox:

http://inveralmondchs.org/community-leisure/cl-information/

The snowman image is exactly how I want it. When I checked how it looks in iexplorer the snowman image is smaller.

Does anyone know why this happens and what I can do to stop it?

ColdAsIce · 10 Nov 2010 at 13:59

RoyMi6 said:
The max-width property on your .size-full class has something to do with it.

Seems like a strange attribute to have set on an image class... sure you need it?

Using Atahualpa theme, cannot find where that is being set.

ColdAsIce · 10 Nov 2010 at 14:31

RoyMi6 said:
Try just removing the max-width property from CSS. See if it has any massively negative effects on the rest of the site.

Hasn't made a difference, unless I changed the wrong thing.

ColdAsIce · 10 Nov 2010 at 15:56

RoyMi6 said:
If you've uploaded it online then yeah, you've changed the wrong thing because the rule is still being applied.

The line you're looking to remove is "max-width: 96%;" from the ".size-full" class.

Changed it to 100% and it doesn't help.

ColdAsIce · 10 Nov 2010 at 16:20

RoyMi6 said:
Well that's because changing it to 100% won't fix the issue unless you also adjust the size of the containing table cell...

Did you try removing the line it like I said? Did it have any negative effects on the rest of the site?

Removed the line like you said and when I did the image on this page goes to a crazy big size, the snowman picture was fixed in iexplorer though.

http://inveralmondchs.org/community-leisure/swimming-lessons/

So I have changed it back for the moment.

ColdAsIce · 10 Nov 2010 at 23:42

I will add .post img.size-full {
max-width:none;
}

to the css inserts and will go back and save my images to the correct size, instead of doing it the lazy way that I have

ColdAsIce · 11 Nov 2010 at 10:47

RoyMi6 said:
ColdAsIce

Remove the "max-width" setting all together. Setting "max-width" as "none" is the default value anyway, you do not need to specify it.

And yes, resize all your images to the size they need to be. Removing the max-width setting was the right thing to do and it highlighted another issue with your website which you need to fix.

Using this size of image for a header is, quite frankly, an amateurs mistake that should never of happened.

http://inveralmondchs.org/wordpress/wp-content/uploads/2010/10/Pool_Panorama1.jpg <-10353px by 2297px as a header!!!

agreed! No idea how I missed how large that header image was in the first place. Going back and sorting it all now, just goes to show that rushing things just costs you more time in the long run

Thanks for the help everyone.