Cloud > Partners: the Premier cloud partner logo is looking elongated [IE9, 10 and 11, Win 7] about ubuntu.com HOT 9 CLOSED

Some other SVG images are doing similar things. Eg. on Server > Overview, in the "Performance and versatility" section: Lenovo, Dell, HP, Intel, Cisco, AMD, ARM, etc.

from ubuntu.com.

Another example:

Phone > Partners the pictogram in "Profit via user payments"
Tablet > Overview pictogram in "Perfect for partners"
Tablet > Features icons Firefox, Dropbox, Twitter, Soundcloud
IoT > Overview logos in "Industry leaders" of Intel, Dell and DJI
IoT > Features the OpenStack logo in "Seamless connectivity"
IoT > Features the illustration in the dark strip
Download > Cloud > Autopilot the pictogram at the end of the page

from ubuntu.com.

These are all stil happening.

from ubuntu.com.

I've looked into this and there is no easy fix. It is due to the svgs themselves having width and height attributes. If these are removed the can control both the height and width.

There are a few options going forward:

1. Go through each SVG, removing the styling on the svg. Uploading the new version and changing the links across the site.
2. Leave them as they are and except that < IE9 will have odd SVG images.
3. Write a snippet of JS that triggers in <IE9 which appends all svg images links with fmt=png.

@yaili @pmahnke @nottrobin

from ubuntu.com.

According to the title, the issue is not just on IE9 though, it's 9, 10 and 11.

from ubuntu.com.

Sorry yes your right. It must effect all <IE10.

from ubuntu.com.

@yaili @pmahnke @nottrobin

It would be nice if the asset server served png's to IE... but I don't think that will just work with all the caching in front.

And I think we will never have full control over all the partner assets, so the javascript solution is the safest.

from ubuntu.com.

< and including IE10

I thought you had already done a JS snippet for this, didn't you? Or was it fixing something else? Opera Mini?

from ubuntu.com.

from ubuntu.com.