Universal FC module size problem

Hello

I'm using Universal FC module Carrousel option.
It's working OK with Chrome but I have responsive size problem with IE and FF.

the versions used :

J2.5.17
FC V1824

When running on large size screen : no problem. When running on small size screen, the image is not proportionnal when running on FF or IE (It's Ok with Chrome.

here the examples

With Chrome :
[attachment=2:2n7tkgdy]<!-- ia2 -->chrome.jpg<!-- ia2 -->[/attachment:2n7tkgdy]

With FF :
[attachment=1:2n7tkgdy]<!-- ia1 -->FF.jpg<!-- ia1 -->[/attachment:2n7tkgdy]

With IE :
[attachment=0:2n7tkgdy]<!-- ia0 -->IE.jpg<!-- ia0 -->[/attachment:2n7tkgdy]


The url of these images is : naouri-market.com


How can I get it working correctly with IE and FF

thank you for help

best regards

Michel

Hello

- It is a problem with our default CSS?
- It is a problem with our default CSS combined with current Joomla template (aka a CSS conflict) ?
- You have applied custom CSS to the sizing of the module?

anyway you may post a link to the page

Hello I think it's a problem with the default CSS.

Perhaps it may come from the style I have added to the image in the image description.

I have 2 versions of the sites using distinct Joomla templates.

I send you a private message with all detail and super admin access to both versions.

thank you for help

best regards

Michel

I have worked on the topic this evening (the problem is becoming hot).

The problem may come from a style which were introduced in the field.

I try to explain the problem :
Originally I get the url of a file which is to be displayed alone in the module.

I thought that was the origin of the problem. So I have, this evening, replaced the field by an image one.

the image is 836x280. I have given this size for the large image in the image field.

Now in the module I have asked to display the large size image.
I have ask to not display fields. In Chrome the height was about 20px and the image was cut.

I have ask after to display the description field (which is empty).

After that I got the good height but the image is cut
in Chrome, FF and IE. The image is not responsive.


What's I need if he module allows that :
a responsive image.

Moreover sometime the image needs to be an hyperlink (if some fields are not empty in the article). If all fields of the article are empty I don't want to get the hyrperlink.

I have realized that in the url old.naouri-market.com (optional hyperlink) but the image displayed was not an image field but a text field and In the prefix, suffix of the field I have added the hyperlink when existing.

the problem was the responsivity in FF and IE.


thank you for advices

best regards

Michel

Hello
I have done test with this option in Universal module :

displaying only image in the module

No link from the image

the html code originally is :
this code gives good display in FF and in IE : the image appears. But as the image available space is slightly less than 836px the image is cut at the right end.

In Chrome the image is only about 10px height.

I have done antoher test changing the original code by the following one :
the change are the following :

< div class="image_standard" > has been replaced by < div class="image_standard" style="height:280px;" >

max-width:836px; has been replaced by max-width:100%;


Results :

In FF and IE : no change from the original display. The image remains as before, the right part is cut

In Chrome : the image is correctly displayed His size is adapted to the real width of the module.

Image responsive :

In FF and in IE : the image is not responsive. The image is cut in width. The image height remains 280px;

In Chrome : the image is responsive. But the height of the module remains to 280px following the style given is 'image standard'.

How can I get the image responsive all all browser type ?

thank you for help
best regards

Michel