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?

CommentFileSizeAuthor
#1 table.png21.12 KBAeternum

Comments

Aeternum’s picture

Aeternum commented
StatusFileSize
new table.png21.12 KB

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.

johnalbin’s picture

johnalbin
they/他
Primary language English
Location Taipei, Taiwan
commented
Version: 7.x-5.0 » 7.x-5.x-dev

respond.js is causing core styles to be loaded after the sub-themes styles?

johnalbin’s picture

johnalbin
they/他
Primary language English
Location Taipei, Taiwan
commented
Status: Active » Closed (duplicate)

Possibly a duplicate of #1539682: Turn off Respond.js by default, use .lt-ie9 rules for IE8 layouts