sidebar width is on IE8 different with agregated css-files

Links please?

I'll have to run some tests to try and replicate the issue, at this stage I am not entirely sure. The theme does have a "fall back" layout that sets the sidebars to 180px, and that is what is kicking in, so it tells me something is going wrong with respond.js and how its processing the media queries for IE8.

+1

I'm assuming this has something to do with it defaulting to the layout settings provided by AT.

at.layout.css
.sidebar-second .content-inner {
margin-right: 180px;
}

Despite my site clearly loading the theme's layout settings after those..

Who knows when it comes to IE..

well it depends, especially if using respond.js and if the layout is loading in media queries - which it sounds like it is (the themes layout), so if respond is off then IE8 is gonna get the fallback layout.

If you guys are brave enough try the 7.x-3.x branch, the options and behavior (the logic around CSS and Polyfill loading) is far more advanced and granular, you have lots of control with good sensible defaults out of the box.

For now, the most brave I am is to add an ie.css and just force in the CSS that represents my current settings. I hate IE, and won't let myself spend too much time cleaning up after it..

I also tried to show it here https://drupal.org/node/1409162 , but because of poor English could not. )))

Just a little more about adding conditional stylesheets for adaptive theme subthemes: http://adaptivethemes.com/documentation/working-with-internet-explorer. You will need to add some information to your template.php to make this work, but the documentation on the link above is great.

(I too am experiencing this issue with the block width when aggregating and compressing CSS files for IE 8 and less.)

If you are using 7.x-3.x you can now add IE stylesheets and scripts from the info file: http://adaptivethemes.com/documentation/ie-styles-and-scripts

I have been able able to reproduce this, but, not debug it, as yet, I will try to get some time to do some proper debugging, its definitively in how the CSS is being aggregated and a no doubt something to do with how respond.js is parsing the file.

I using IE conditional css in adaptivetheme template.php to solve it, line 45

  $ie_files = array(
    'lte IE 7' => 'ie-lte-7.css',
    'IE 8' => 'ie-8.css',
  );  
  load_subtheme_ie_styles($ie_files, 'MYTHEME');

in "ie-lte-7.css" and "ie-8.css"

.region-sidebar-first {
	width: 250px;  /* My side bar width */
}
.sidebar-first .content-inner {
	margin-left: 250px; /* My side bar width */
}

Tagging for major review of these IE8 CSS weight issues.

I am closing all issues to do with CSS aggregation and IE8, please see this issue:

#1565778: Deprecate respond.js in IE8

In essence the fix will be very much like #12 in this issue.