Would anyone know why all themes would appear broken in IE on a 2.3 install? Please look at this page in Internet Explorer http://dev.sprucerealestateschool.com/moodle/ They all look fine in Firefox and Safari but none of them hold there CSS in any version of Internet Explorer (8 or 9). I have no third party plug ins and if I script debug in IE it shows no errors. If I purge cache it will display fine in Internet Explorer at first, then it will break if I refresh the page once, or try to navigate anywhere within the page. It does work fine after every purge cache. No one else seems to have such a problem that affects multiple themes so I am very confused at what the cause would be. Any insight would be very much appreciated. Thank you.
All themes broken in Internet Explorer in 2.3 Seems I am alone with this problem
by Billy Zwiener -
Number of replies: 10
In reply to Billy Zwiener
Re: All themes broken in Internet Explorer in 2.3 Seems I am alone with this problem
by Mauno Korpelainen -
This is really a strange problem - I don't know yet if it is caused by some site setting or is there a big bug in this particular version of moodle that you are using but looking at source of your site you see things like
<link rel="stylesheet" type="text/css" href="theme/I.yui_combo.php,,q3.5.1,,_build,,_cssreset,,_reset-min.css,,a3.5.1,,_build,,_cssfonts,,_fonts-min.css,,a3.5.1,,_build,,_cssgrids,,_grids-min.css,,a3.5.1,,_build,,_cssbase,,_base-min.css+yui_combo.php,,q2.9.0,,_build,,_assets,,_skins,,_sam,,_skin.css+styles.php,,_formal_white,,_1346887414,,_all,Mcc.pIO5NTQgk7.css.pagespeed.cf.Vlkg-7iyaq.css"/><script type="text/javascript" src="theme/yui_combo.php,q3.5.1,_build,_yui,_yui-min.js.pagespeed.jm.cYNdQR7I7j.js"></script><script type="text/javascript" src="theme/yui_combo.php,q2.9.0,_build,_yahoo,_yahoo-min.js,a2.9.0,_build,_dom,_dom-min.js.pagespeed.jm.2Hro3hc-U8.js"></script>
Part of that code is rubbish and IE does not understand it - furthermore I don't understand where these pagespeed tags come from... is it some sort of javascript minifier problem??? (mod_pagespeed?)
My localhost (test PC) is using version 2.3.1+ (Build: 20120831) and source there looks like this:
<link rel="stylesheet" type="text/css" href="http://localhost/m23/theme/yui_combo.php?3.5.1/build/cssreset/reset-min.css&3.5.1/build/cssfonts/fonts-min.css&3.5.1/build/cssgrids/grids-min.css&3.5.1/build/cssbase/base-min.css" /><script type="text/javascript" src="http://localhost/m23/theme/yui_combo.php?3.5.1/build/yui/yui-min.js"></script><script type="text/javascript" src="http://localhost/m23/theme/yui_combo.php?2.9.0/build/yahoo/yahoo-min.js&2.9.0/build/dom/dom-min.js"></script>
<link rel="stylesheet" type="text/css" href="http://localhost/m23/theme/yui_combo.php?2.9.0/build/assets/skins/sam/skin.css" />
Note the difference - it's all valid code and IE has no problems with that source...
In reply to Billy Zwiener
Re: All themes broken in Internet Explorer in 2.3 Seems I am alone with this problem
by Mauno Korpelainen -
Billy,
I am almost sure that apache module mod_pagespeed is breaking the source - it may be good for site performance but has some problems with yui javascripts/css minifier scripts.
If you can't disable mod_pagespeed try to disable yui combo loading:
Site administration > Appearance > AJAX and Javascript > uncheck YUI combo loading
Does it help?
The best option might be anyway to leave YUI combo loading checked and to disable mod_pagespeed...
In reply to Mauno Korpelainen
Re: All themes broken in Internet Explorer in 2.3 Seems I am alone with this problem
by Billy Zwiener -
Mauno, I unchecked the YUI combo loading and unfortuntaley it didn't fix it. I am looking into how I might disable mod_pagespeed right now and will let you know if this corrected it. Thanks for your posts.
In reply to Mauno Korpelainen
Re: All themes broken in Internet Explorer in 2.3 Seems I am alone with this problem
by Billy Zwiener -
Mauno! YOU DID IT!!! Disabling mod_pagespeed corrected the problem. THANK YOU THANK YOU THANK YOU from the bottom of my tired head, a week troubleshooting. THANK YOU! My webhost is implementing faster page loading with that mod https://developers.google.com/speed/pagespeed/ and apparently it doesn't like the mix of moodle 2.3 and internet explorer . Thanks again for your insight. I want to hug you and buy you a beer.
In reply to Billy Zwiener
Re: All themes broken in Internet Explorer in 2.3 Seems I am alone with this problem
by Danny Wahl -
be sure to let your webhost know - non-Apache distributed modules should definitely be off by default for these types of reasons.
In reply to Danny Wahl
Re: All themes broken in Internet Explorer in 2.3 Seems I am alone with this problem
by jj v -
I'm also using Moodle 2.3 and IE makes me crazy. I'm using the rocket theme and IE gives a messed up interface: http://bruggerbosch.dezorgopleider.com
It has to be like this:http://deposten.dezorgopleider.com
I'm trying now to disable the pagespeed thing.
1st: how can I see this in installed?
2nd: how can I disable it?
I hope you can help, the developer of the Rocket theme will not do any work to solve this problem, he mentioned a couple of days ago.
JaapJan
In reply to jj v
Re: All themes broken in Internet Explorer in 2.3 Seems I am alone with this problem
by Mary Evans -
JaapJan
I do not think you have the same problem as this. I think you should take a closer look at the CSS as I recommended in the other thread.
It is surprising what a couple of small CSS errors can do in IE9.
Cheers
Mary
In reply to jj v
Re: All themes broken in Internet Explorer in 2.3 Seems I am alone with this problem
by Mauno Korpelainen -
I think Mary is right and this is a different problem. My guess is that you might have added some custom css to settings of Rocket theme and it might break IE.
Error console of Firefox tells that
#mod-glossary-view .tabtree .tabrow0 { display:none; )
does not have } at the end
On the other hand IE9 developer tools console gives
SEC7115 :visited and :link styles can only differ by color - see http://msdn.microsoft.com/en-us/library/ie/hh180764%28v=vs.85%29.aspx
In reply to Mauno Korpelainen
Re: All themes broken in Internet Explorer in 2.3 Seems I am alone with this problem
by jj v -
Mauno and Mary
I fixed the css as you recommended, it fixed the horizontal errors in the menu in top of the page. So that's one! Thanks a lot.
What still doesn't work is the folding of the menu at the leftside of the screen. Every entrance of the menu is visible, instead of the folding arrow in normal sites. I compared this moodle site with another one i've got. In the wrong site there are a couple of CSS's which are NOT used in the good site: http://yui.yahooapis.com/3.5.1/build/cssreset/reset-min.css, http://yui.yahooapis.com/3.5.1/build/cssfonds/fonts-min.css, http://yui.yahooapis.com/3.5.1/build/cssgrids/grids-min.css, http://yui.yahooapis.com/3.5.1/build/cssbase/base-min.css, http://yui.yahooapis.com/3.5.1/build/assets/skins/sam/skin.css.
In the good site there is one css that is not showing in the wrong one: http://deposten.dezorgopleider.com/theme/yui_combo.php
Strange. Can one of these css's couses the problem?
JaapJan
In reply to jj v
Re: All themes broken in Internet Explorer in 2.3 Seems I am alone with this problem
by Mary Evans -
What do you mean about the menu?
"...folding of the menu at the leftside of the screen..."
Do you mean this?
If so then there is an error in the CSS it should say...
ul.dropdown ul {
visibility:hidden;
position:absolute;
top:100%;
z-index:598;
left:auto;
right:0;
margin-top: -1px;
font-size:100%;
font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif;
}
If that is not the problem, can you explain better in the Rocket theme forum discussion?
https://moodle.org/mod/forum/discuss.php?d=216004
Thanks
Mary