[Alan]

I’ve just noticed that avatars and menus are distorted when using IE8. All is fine in Firefox.

Attached screen captures are from the Cbox demo site, so it rules out CSS being an issue just on my site.

Help please.

Attachments:

You must be logged in to view attached files.

[Alan]

Okay, the latest version of IE seems to display Cbox with no issues but that doesn’t help folks using Windows XP with an older version of IE.  No takers?

[Christian Wach]

@albeck I can confirm this – it’s because no width is set in the stylesheets for div.item-avatar, yet it is floated. If you add the following to one of your stylesheets, it will fix this:

div.item-avatar {
width: 55px;
height: 60px;
}
ul.item-list div.item-avatar {
width: 50px;
height: 50px;
}

There are a lot more IE glitches besides this – I’m having a go at them today and they’ll be included in this pull request on GitHub when I push what I’m doing locally later:
https://github.com/cuny-academic-commons/cbox-theme/pull/160

Cheers,

Christian

[Christian Wach]

@albeck I have fixed the display of avatars in IE8 in the pull request mentioned above. There are also fixes for menu backgrounds, because IE8 doesn’t understand gradients. Hope it helps.

[Matthew K Gold]

Thanks so much for this contribution, Christian!!

Best,

Matt

[Alan]

@haystack Many thanks for your help. It has got me out of the ‘woods’ and is much appreciated.

Best wishes,Alan

[Author]

Posts