| Project: | Zen |
| Version: | 7.x-5.x-dev |
| Component: | IE problems |
| Category: | bug report |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | active |
Issue Summary
Tearing my hair out over this one - would appreciate some help. A system stylesheet is being incorrectly applied in IE8 when using Zen.
CSS aggregation turned off: Page works in FF, layout broken in IE. Respond.js enabled, HTML5 shiv enabled. Go to support forums, see I should turn aggregation on.
CSS aggregation turned on: Page works in FF, layout correct in IE. However, styles which I have traced back to system.theme.css are being reapplied to my page (the one I notice is for the <TH> element) after the subtheme stylesheets. Respond.js enabled, HTML5 shiv enabled.
I traced this back to html5-respond.js. Commenting out the last section makes the stylesheets apply correctly again in IE8 - but breaks my page layout.
Any help or advice on this please?
Comments
#1
Heres a screenshot of the IE Developer toolbar inspecting the element.
If you follow the border-bottom element, you can see it up the top - then it is overwritten by normalize.css .... and then it get reapplied at the bottom - from some javascript.
#2
respond.js is causing core styles to be loaded after the sub-themes styles?