Joomla Templates Club 406,261 posts

[thefc_uk Friend thefc_ukJoin date: May 2007Posts: 143Downloads:89Uploads:15 Thanks: 55 Thanked: 20 times in 2 posts]

#730541

Hi

We’re using Uber for a hospital site here in the UK. I know IE8 and Windows XP are long dead, but our client and most of the UK public sector still use it extensively, so please bear with me 😉

The images we are using to introduce sections appear to be ‘squashed’ when viewed in IE8. The attached images shows the view from XP versus Safari.

Any thoughts on why or a possible solution without messing up the rest of the site for the rest of the world?

Cheers
Stuart

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#747825

Hi @stuaforr,

Please open file templatesubercsscustom.css and add this code :

.acm-hero {
background-position: center top !important;
}

[thefc_uk Friend thefc_ukJoin date: May 2007Posts: 143Downloads:89Uploads:15 Thanks: 55 Thanked: 20 times in 2 posts]

#747881

Hi Adam

Thanks for the tip, but unfortunately it does not seem to have resolved the issue.

My development URL is http://rnohppu.jdevcloud.com/the-unit/welcome.html

What’s your thought???

Cheers
Stuart

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#747919

Hi @stuaforr,

I even see this in your custom.css file, please remove it :

#section-168 <article>
<div class="row">
<div class="col-sm-0 item-image-box">
<?php echo JLayoutHelper::render('joomla.content.intro_image', array('images'=>$this->item->images, 'params'=>$this->item->params, 'url'=>$link)); ?>
</div>

<div class="col-sm-12 item-content-box">
<?php if ($params->get('show_title')) : ?>
<?php echo JLayoutHelper::render('joomla.content.item_title', array('item' => $this->item, 'params' => $params, 'title-tag'=>'h2')); ?>
<?php endif; ?>
</div>

[thefc_uk Friend thefc_ukJoin date: May 2007Posts: 143Downloads:89Uploads:15 Thanks: 55 Thanked: 20 times in 2 posts]

#747955

Hi Adam,

Not sure what deleting that would make as it only effected module 168, however, its been removed.

No change to the IE experience.

Looking at it, it is like the responsive code to change the image is having no effect. On my large desktop screen, increasing and decreasing the browser window stretches or compresses the image – does that help find out what’s happening?

Thanks for your help so far
Stuart

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#748128

Hi @stuaforr,

Please stay tuned while I’m checking this matter for you and I will reply back shortly.

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#748188

Hi @stuaforr,

I’ve just discussed with our development team about this matter. The fact is we used CSS3 background-size to make the background image fit the container.

But IE8 doesn’t support this property and we used sizingMethod=’scale’ to achieve our goal and the result is as you can see in your site. I’m afraid that there’s no other option at the moment and if we remove this property to keep the aspect ratio, the background image won’t fit the container.

1 user says Thank You to Adam M for this useful post

1. thefc_uk

[thefc_uk Friend thefc_ukJoin date: May 2007Posts: 143Downloads:89Uploads:15 Thanks: 55 Thanked: 20 times in 2 posts]

#748673

Dear Adam,

I thought that may be the case when I realised the ‘scaling’ effect. I’ve also just Googled IE8 and found that MS will end support in January 2016, so advised my client to upgrade 😉

Thanks for your help and for getting to the bottom of the technical reason why.

Cheers
Stuart

1 user says Thank You to thefc_uk for this useful post

1. Adam M

[Author]

Posts