Public Forums 71,145 posts

[prevtzer Friend prevtzerJoin date: October 2013Posts: 3Downloads:0Uploads:0 Thanks: 2]

#191347

Hello all,

I have a big problem with Internet Explorer making my article images not responsive. I always resize the images to max width (1200px in my case) before uploading them. After uploading I don’t use any image extensions or anything, I use the generic insert image option in Joomla.

After publishing the article it looks good with Chrome (all the images are responsive), but when viewed with Internet Explorer, the images always stay in their full size and do not resize/ become responsive at all.

-using the latest version of Joomla
-using the latest version of the T3 framework (downloaded and installed yesterday)
-using T3 blank template

Any ideas on fixing this would be appreciated.

[Wall Crasher Developer Wall CrasherJoin date: December 2011Posts: 1113Downloads:0Uploads:15 Thanks: 66 Thanked: 361 times in 300 posts]

#508869

Hi prevtzer,

Image scaling have different behavior in different browser.
Please check again and remove if you image have width, height attribute.

Older browser may not support in Bootstrap 2.

You can also search for some guide in internet about resize image in IE.

And please give your site url for us, we may help you with better solution.

Regards

1 user says Thank You to Wall Crasher for this useful post

1. Saguaros

[prevtzer Friend prevtzerJoin date: October 2013Posts: 3Downloads:0Uploads:0 Thanks: 2]

#508936

Hi Wall Crasher,

I am happy to tell you that I fixed the issue. However, I have another one (related to this one).

The way I’ve been styling my website is:
1. Enable Development mode
2. Open the website in Google Chrome
3. Right click-> Inspect element on whatever I wanted to change
4. Click on the appropriate file in the right box
5. Change whatever values needed changing
6. Open that same file on the server
7. Change the values there, save file
8. Check with Chrome and IE10 to make sure the changes took place
…repeat…

So, to fix the non-responsive images I Inspected the image element, changed the width value from ‘max-width: 100%’ to ‘width: 100%’, opened the same file on the server, changed the value there, saved the file and made sure it works in IE.

The problem is that apparently I have been changing the wrong files. Files that I have been changing are all located under t3-assets/dev/stylename and the files have names such as templates.t3_blank.less.core.less.css or templates.t3_blank.less.layout.less.css

So, the problem I’m having is that whenever I disable the development mode, save and then Compile LESS to CSS all the changes I made are gone. But when I enable the development mode, they’re there again.

I hope I was clear enough. Any instructions on how to fix this are welcome!

[Wall Crasher Developer Wall CrasherJoin date: December 2011Posts: 1113Downloads:0Uploads:15 Thanks: 66 Thanked: 361 times in 300 posts]

#508996

Hi prevtzer,

You should make change to the real file.
For example templates.t3_blank.less.core.less.css will be mapped to templatest3_blanklesscore.less file.

Hope it helps,

Regards

1 user says Thank You to Wall Crasher for this useful post

1. prevtzer

[prevtzer Friend prevtzerJoin date: October 2013Posts: 3Downloads:0Uploads:0 Thanks: 2]

#509044

Thanks for the help. The thing is that most files have very different names and the files themselves have different parameters. So, for 90% of the things I changed I can’t really find the right file or line to modify. Really wish this would be more clear.

I guess I’ll just leave the site in Development Mode at all times. Again, Thanks for the help.

[Author]

Posts