Posted by handsofaten on June 25, 2012 at 5:12pm
6 followers
Jump to:
| Project: | Zen |
| Version: | 7.x-5.x-dev |
| Component: | IE problems |
| Category: | bug report |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | active |
Issue Summary
I thought I was done with IE7 forever, but have a client who needs to support this browser. I'm finding on the latest version of Zen, the first sidebar is overlapping with the content area when the viewport is wider than #page. Content also pushes outside the #page container. From what I can tell, IE7 is calculating the width & margins of #content and .region-sidebar-first based on viewport width rather than #page width, which becomes a problem when viewport width exceeds #page's max-width.
I have IE7 support turned on in _base.scss, and the boxsizing polyfill available.
Example here:
http://stage.provider.tavhealth.com/
Thanks for any insight into this issue.
| Attachment | Size |
|---|---|
| Screen Shot 2012-06-25 at 12.03.25 PM.png | 93.08 KB |
Comments
#1
Same problem on our Zen 7 sites with IE7. It's not going away anytime soon, since about half of all PCs still run XP where only IE7 (and older) is supported.
Sure, we urge users to switch to Firefox (or Chrome for masochists who don't mind the bugs). We even have Safari users (they deserve pity) and a growing number of Android users.
But millions of XP users can't or won't drop IE. So, Zen really needs to work reliably with IE7.
#2
XP with SP2 and above gets IE8
#3
Thanks for clarifying, and you're right, some of the XP systems we monitor have IE8.
BUT the dislodged sidebars problem exists on IE8 too.
We have no idea how to get Zen 7.5 to behave correctly with IE, because whatever we try in CSS seems very complex and ugly and still does not really solve the problem. BUT anything we try in CSS that sort-of helps IE messes up the site's appearance in Firefox and Chrome.
If anyone knows of true cross-browser themes for Drupal 7 that are not hacks on hacks, we'd appreciate suggestions!
#4
Regarding IE7, global market share is very low and Google dropped support for it last year. So generally, I tell clients I am not supporting it. But in this case, the client is working with hospitals that are stuck on IE7 (most likely so they don't have to overhaul some intranet site), so supporting the browser is understandably required.
I have not yet been able to track down a fix for this IE7 percentage width / margin calculation issue, but I feel like there must be some simple hack to force the browser to calculate based on parent rather than viewport.
#5
#6
any update on this? the update to a website I'm developing is right now viewed 100+ times per week from IE7 browser. (and 10+ times per week from IE6!!)