SOLVED image will not resize in IE 9
-
-
- Torro Studio
- Jr. Rocketeer
- Posts: 24
- Thanks: 1
-
Hello,
I have the afterburner2 template and also the free Gantry template downloaded from www.gantry-framework.org . I have a problem, beause when I resize an image in the joomla-editor it will show not correctly the size of the image in IE9, it will show the original size and not the resized one. It will shows well in Safari and Firefox. When I select an other joomla template (beez) it will show correctly the image in IE9. So it is really in the gantry template why it shows not the correct size of the image in IE9.
Can anybody help me, because my clients works for 90% with IE.
I hope you can help!
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
Could you please post a URL to your site so we can look for you. Without a link to page where the problem is on your site it is quite hard for us to provide the best solution due to so many variables. We try to provide file names and line numbers for code changes and if changes have already been made then our advice may be incorrect.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Torro Studio
- Jr. Rocketeer
- Posts: 24
- Thanks: 1
-
Hello Mark,
Here are 3 links:
muldermechanisatie.torrostudio.nl/index.php/service/werkplaats Here is the last big image not resize, but showed in the original size.
muldermechanisatie.torrostudio.nl/index.php/contact Here are 3 pictures of persons, they are not resized in IE9, but in the original size
gantry.torrostudio.nl/index.php/test-1
Here is the picture als to big
I hope you can see it. In Safari and Firefox it is showing well!
-
-
-
- Torro Studio
- Jr. Rocketeer
- Posts: 24
- Thanks: 1
-
Hello Mark,
Here is also a website with gantry framework and here the images are showing well in IE9.
It is an old framework version, ut I have update it and there are no problems. I don't know why. I coudn't find any post in this forum with the same problems, but With al the new gantry frameworks this problem is still there. Here the link to a site with no problem in gantry with the images in IE9.
www.renedewerker.nl/vormgeving
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
You should not be using hardcoded image dimensions on IMG tags. When there is a conflict between inline img dimensions and CSS - IE will use CSS - and it is correct to do so since these have been deprecated now.
Ideally you should re-upload your images at the maximum size that you want to use them on your site and not specify dimensions at all on the img tag. In this way you will save having to download a large image only for the browser then have to spend more time resizing the image. If you do this you will find that the browsers all behave consistently.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Torro Studio
- Jr. Rocketeer
- Posts: 24
- Thanks: 1
-
Hello Mark,
I know that when I use a resize image on the right dimensions it will be faster to download. But in my case, why is it when I use the beez templaten that is standard in joomla, it will make the right size when it is resized. And with the gantry template from an older version there is no problem. Question, what is different in the latest gantry framework? My client want to resize an image and and only upload the biggest image size. Do you know what to change in gantry?
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
Gantry uses twitter's bootstrap - it is bootstrap styling the is adding auto height and width to all img tags - this is in conflict with you hardcoded dimensions.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Torro Studio
- Jr. Rocketeer
- Posts: 24
- Thanks: 1
-
Hello Mark,
Oke, so it is bootstrap that is the problem. Then is the template beez not using bootstrap I guess.
It is a pitty for my clients, so they have to resize the image themselve. Is is possible to close bootstrap so I do not need to responsive template for some clients?
-
-
-
- Torro Studio
- Jr. Rocketeer
- Posts: 24
- Thanks: 1
-
Hello Mark,
I found that if I delete in width the "auto\9" in line 52 of bootstrap.css. The image now will correctly resize in IE9, in what I have changed in the joomla-editor.
img {
max-width: 100%;
width: ; /* width: auto\9; was the original*/
height: auto;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}
Everything will work now! -
The following users have thanked you: JH Cawood
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
Just remember now that by doing this - any updates will overwrite your changes.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
Time to create page: 0.095 seconds