IE8 Displaying as One Column [#2189795]

Hi, I am using a custom ZenTheme for a site I am developing. Everything works fine except in IE8 the site displays in a one-column layout, versus having the columns floating next to each other as they should. I've been googling the issue, which I find is not uncommon, and should be resolved by checking "Aggregate and compress CSS files" in configuration. However, when I do this and refresh, the page is now messed up for all browsers, and no CSS seems to be picked up at all, everything is VERY bad if I aggregate, for all browsers. I've made sure that the respond.js was in the sites/all/themes/ThemeName/js folder. I just don't know what is going on and would appreciate assistance.

You can view the live site here: http://www.earlychildhood.nc.gov. As you can see it is fine except in IE8 where it displays as one column.

Thanks,
April

Comments

Comment #1

masher CreditAttribution: masher commented 12 March 2014 at 12:43

Check you CSS files for any bad code.

Maybe an unclosed comment that, when aggregated, comments out any CSS from other files that follows it

Comment #2

BrightBold

she/her

English

Boston, MA

CreditAttribution: BrightBold commented 17 November 2014 at 15:49

I just spent hours troubleshooting this same problem and finally got it working. You have to turn off Compass debugging and recompile. Aargh. For future searchers, here's a comprehensive list of (I think) everything you need to check to get this working:

Check "Add Respond.js JavaScript to add basic CSS media query support to IE6-8" in your theme settings
Turn on CSS aggregation in performance settings
Confirm respond.js or html5-respond.js (if you also have "Add HTML5 shim" checked in theme settings) is loading
Make sure debug and firesass options are off in config.rb
After turning off Compass debugging, above, you need to stop and restart Compass watch and trigger a recompilation of styles.css
Confirm that you aren't being a major idiot and that you are testing all of the above on the same environment. Don't start testing on staging where you have CSS aggregation enabled and then switch to dev, with no aggregation, just as you turn off Compass debugging. Not that I did this or anything. I'm just looking out for others.