Images in columns, same height in JCE, not in frontend.

#105991 Images in columns, same height in JCE, not in frontend.

Posted in ‘Editor’

This is a public ticket

Everybody will be able to see its contents. Do not include usernames, passwords or any other sensitive information.

Latest post by Ryan on Tuesday, 01 December 2020 16:27 GMT

Friday, 27 November 2020 15:57 GMT

Django29

Hi
When I create columns in JCE, and I put an image in each div with the same height, they have not the same height in frontend.
Why ?

Saturday, 28 November 2020 11:44 GMT

Ryan

Please post a link to an example article.

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

Tuesday, 01 December 2020 16:27 GMT

Ryan

Your template includes some css to make all images in the front-end responsive, eg:


img {
    width: auto\9;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

This resizes the images to fit the available space proportionately, and as the 2 images have different dimensions, this results in them being displayed at different sizes.

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.