Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

IE8 bug fix for default CSS of Zen Grid Framework 2.1.1

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Hi All,

I've just tracked down a potentially nasty little bug caused by the type.css of the Zen Grid Framework 2.1.1

It cause issues relating to IE's hasLayout weird rendering of floated DIVs

The culprit is

img {
max-width: 100%;
height: auto;
}


Basically this CSS declaration makes image's inside floated DIVs without explicit width/heights disappear.
  • AppleOrphanage's Avatar
  • AppleOrphanage
  • 6 Month Developer
  • 41 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
That seems to be ok in my tests unless I missed something.

Can you point to where this is happening.
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
I've seen this issue as well. Attached is screen shot of IE8 before removing that CSS. After, it looks normal.

I've had to remove this css a number of time to fix IE related issues.

line 90 in type.css
Attachments:
  • Troy Mumm's Avatar
  • Troy Mumm
  • LIfetime Developer - Big Bamboo
  • 140 posts
  • 3 Thanks
  • Karma: 4
The administrator has disabled public write access.
Thanks folks.

I'll add a ie8 only rule to cover that one.

Thanks.

Anthony
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers