Internet explorer(6-9) in style sites/default/files/at_css/my_theme.responsive.layout.css do not override the setting of default themes. Have to prescribe them separately conditional comments

CommentFileSizeAuthor
#5 is_working_IE.png508.08 KBkorzh-nick
#5 not_working_IE.png503.54 KBkorzh-nick

Comments

Jeff Burnz’s picture

Category: bug » support

Show me please, because this works for me and always has.

Jeff Burnz’s picture

Title: Internet explorer(6-9) in style sites/default/files/at_css/my_theme.responsive.layout.css do not override the setting of defau » Internet explorer - need help with responsive layout
korzh-nick’s picture

my_theme.responsive.layout.css
in this file I have

/* Standard layout three-col-grail */
@media only screen and (min-width:1025px) {
.two-sidebars .content-inner {margin-left: 220px; margin-right: 170px;}
.sidebar-first .content-inner {margin-left: 220px; margin-right: 0;}
.sidebar-second .content-inner {margin-right: 170px; margin-left: 0;}
.region-sidebar-first {width: 220px; margin-left: -100%;}
.region-sidebar-second {width: 170px; margin-left: -170px; clear: none;}
.container {width: 1000px;}
}

I write for IE

.ie6-8 .container {width: 1000px;}
.ie6-8 .region-sidebar-first {width: 220px; margin-left: -100%;}
.ie6-8 .region-sidebar-second {clear: none;margin-left: -170px;width: 170px;}
.ie6-8 .two-sidebars .content-inner {margin-left: 220px;margin-right: 170px;}
.ie6-8 .sidebar-first .content-inner {margin-left: 220px;margin-right: 0;}

website here: gidro.mate.pp.ua:88

Jeff Burnz’s picture

When I say "show me", I mean show me the problem, like some screenshots or an installation that is not working.

korzh-nick’s picture

StatusFileSize
new503.54 KB
new508.08 KB

now I commented out fixes for IE

Jeff Burnz’s picture

Status: Active » Closed (cannot reproduce)

The layout is the same in both screen shots. Can't see anything broken that is to do with this theme, sure some of your CSS is not doing so well, but the layout is clearly intact.

korzh-nick’s picture

if not do fixes for IE, it reads a basic theme
sites/all/themes/adaptivetheme/adaptivetheme/css/at.layout.css

.container {
  position: relative;
  margin: 0 auto;
  width: 960px;
}
.two-sidebars .content-inner {
  margin: 0 180px;
}
.sidebar-first .content-inner {
  margin-left: 180px;
}
.sidebar-last .content-inner {
  margin-right: 180px;
}
korzh-nick’s picture

Component: Code » CSS/HTML

the reason was that due to server configuration files are not compressed styles into one, and Internet Explorer limitation of loading not more than 31 CSS files per HTML page

Jeff Burnz’s picture

Issue tags: +CSS Weight

Tagging

Jeff Burnz’s picture

Status: Closed (cannot reproduce) » Closed (duplicate)

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

#1565778: Deprecate respond.js in IE8