Problems with Internet Explorer

creativesam100 · Member · Jan 21, 2014 at 10:09 am
Copy link

Add topic to favorites
On my blog I have put some company logos in the footer using the image widget. On Google Chrome they are side by side and a normal size which is fine. However on Internet Explorer they become really huge and make the page elongated as they are now on top of each other.

Why has this happened and is there a way to fix this on IE?

The blog I need help with is: (visible only to logged in users)
johnconners · Member · Jan 21, 2014 at 8:36 pm
Copy link
So I can see the problem on IE8, but newer versions (IE9 and IE10) don’t exhibit the issue. IE8 has myriad quirks like not inheriting sizes which is why they’re appearing in their original sizes – 700 pixels wide – rather than 200 pixels as they should be.

Probably the simplest option is instead of having 4 separate images, just use a single one that contains all 4 logos on it, so there’s no way IE8 can mess it up. I’ve put together one you can try here:
creativesam100 · Member · Jan 23, 2014 at 10:54 am
Copy link
Thanks for your help, John! That looks great on IE8, on Chrome it is now much smaller, which isn’t the end of the world though. Thanks for finding a solution!
johnconners · Member · Jan 23, 2014 at 11:01 am
Copy link
Ah, my bad, the smaller image size can be corrected by adding the following styles (the second one should centre the footer image):
```
.site-footer .widget {
    width: 100%;
}

.site-footer .widgets {
    float: none;
    margin-left: auto;
    margin-right: auto;
}
```

No items found.