Download & Extend

Ie7 make linked stylesheets in header to be duplicate inline.

Project:AdaptiveTheme
Version:7.x-2.x-dev
Component:CSS/HTML
Category:support request
Priority:normal
Assigned:Unassigned
Status:closed (cannot reproduce)
Issue tags:ie7 css

Issue Summary

It appears that for the core theme and the subthemes and only with ie6-7, all css stylesheets linked with "link" tag (and not the ones linked with @import) are duplicated in inline-css in the header.

It make my layout breaks especially when i use css aggregation.
I've never seen this before with any other theme.

here is a bit of the header code in ie7

<STYLE>
@import url("http://www.drhumana.be/sites/all/themes/drhumana/css/blackblue.css?lw38o1");
@import url("http://www.drhumana.be/sites/all/themes/drhumana/css/jquery.jscrollpane.css?lw38o1");</STYLE>

<STYLE media=print>@import url("http://www.drhumana.be/sites/all/themes/drhumana/css/print.css?lw38o1");</STYLE>
<LINK media=screen href="http://www.drhumana.be/sites/default/files/at_css/drhumana.responsive.layout.css?lw38o1" type=text/css rel=stylesheet><LINK media=screen href="http://www.drhumana.be/sites/all/themes/drhumana/css/drhumana.responsive.style.css?lw38o1" type=text/css rel=stylesheet><LINK media=screen href="http://www.drhumana.be/sites/all/themes/drhumana/css/drhumana.responsive.gpanels.css?lw38o1" type=text/css rel=stylesheet><LINK media=all href="http://www.drhumana.be/sites/all/themes/drhumana/css/ie-lte-7.css?lw38o1" type=text/css rel=stylesheet><LINK media=all href="http://www.drhumana.be/sites/all/themes/drhumana/css/ie-lte-8.css?lw38o1" type=text/css rel=stylesheet>
<STYLE type=text/css media=screen>.two-sidebars .content-inner {
MARGIN-LEFT: 0px; MARGIN-RIGHT: 50%
}
.sidebar-first .content-inner {
MARGIN-LEFT: 0px; MARGIN-RIGHT: 25%
}
.sidebar-second .content-inner {
MARGIN-LEFT: 0px; MARGIN-RIGHT: 25%
}
.region-sidebar-first {
MARGIN-LEFT: -50%; WIDTH: 25%
}
.region-sidebar-second {
CLEAR: none; MARGIN-LEFT: -25%; WIDTH: 25%
}
.sidebar-first .region-sidebar-first {
MARGIN-LEFT: -25%; WIDTH: 25%
}
.container {
MAX-WIDTH: 970px; WIDTH: 100%
}
</STYLE>

<STYLE type=text/css media=all>.three-50-25-25 .region-three-50-25-25-second .block {
WIDTH: 200px
}
#block-search-form #search-block-form .form-item-search-block-form INPUT {
MARGIN: 8px 0px 0px 15px; WIDTH: 130px
}
#user-login-form .form-item-name INPUT.form-text {
MARGIN: 5px 0px 0px -12px; WIDTH: 80px
}
#user-login-form .form-item-pass INPUT.form-text {
MARGIN: 5px 0px 0px 10px; WIDTH: 63px
}
#views_slideshow_cycle_main_slideshow-block .views-field-body {
WIDTH: 395px; HEIGHT: 38px
}
#views_slideshow_cycle_main_slideshow-block .views-field-title A {
DISPLAY: block; WIDTH: 397px; HEIGHT: 38px
}

Comments

#1

Category:bug report» support request

This is not how this theme works. My guess is you have a done a very rough upgrade, rather than removing the old theme and adding the new one.

#2

Component:Code» CSS/HTML
Status:active» closed (cannot reproduce)