Drupal Version 7.14
Apache 2.2.22
PHP 5.3.10
MySQL 14.14

The first sidebar (configured to be the left hand sidebar) is displaying below the main content on my site when using the Zen theme. This behaviour is confirmed to be an issue with Zen specifically as the issue does not exist when using the default Bartik theme.

The issue seems to be caused by how the page is built, under Chrome the source shows the sidebars div appearing before the main content, whereas under IE8 the div appears after the main content

I have attached screenshots of the output under both Chrome and IE8, as well as the page source generated by selecting view page source under both Chrome and IE8.

CommentFileSizeAuthor
screen-ie8.jpg66.5 KBbruce.mcandrew
screen-chrome.jpg45.98 KBbruce.mcandrew
page-source-ie8.txt18.35 KBbruce.mcandrew
page-source-chrome.txt18.33 KBbruce.mcandrew

Comments

stewsnooze’s picture

stewsnooze
he / him
commented

Try turning on aggregation of CSS and JS.

maximpodorov’s picture

maximpodorov commented

But why does IE require aggregation? What is the reason?

echoz’s picture

echoz commented
Status: Active » Fixed

IE 8 does not understand media queries natively. The option in theme settings to use Respond.js polyfill will enable IE 6-8 to understand media queries, but does not work if aggregation optimization is switched off.

maximpodorov’s picture

maximpodorov commented

The answer (from https://github.com/scottjehl/Respond) is:
Respond.js re-requests the CSS files using Ajax and parses the text response from there.
Respond.js doesn't parse CSS refrenced via @import.

Does Zen still need to use @import instead of link tags?

echoz’s picture

echoz commented

Non aggregated uses @import, aggregated uses link tags, but it's not zen specific, this is Drupal in general.

maximpodorov’s picture

maximpodorov commented

But it's possible for Zen to rewrite @import into link tags.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.