Themes

Without getting into the deeper issues, the CSS you posted is incorrect, I think:

body#course-scales,
#course-scales#page {
    width:auto !important;
    background:#fff !important;
}

The second line (#course-scales#page) is missing a space before the second #. That might solve your problem. You might want to try validating your CSS to try and catch any other typos that might be affecting things.

There's certainly no reason why you shouldn't be able to specify different widths for different pages, identified by their body#id (except for maybe Chat which is a bit weird with it's javascript generated page).

Hi Patrick,

If that can be any consolation , I am having the same problem on my fixed width orangechoc theme. Your analysis is correct. Unfortunately, there is no way - in Moodle, at present time - for a css to know whether it's being applied to an ordinary Moodle course window or to a popup window. This is why, as you say "the same ID's that I would use to eliminate the fixed-width on the popups is eliminating the width on my main page."

Again I agree with your request (in your further post) that "What would make my life easier is if the popups had different ids".

David, have you looked into this problem in your Kubrick theme, which is also a fixed-width theme?

Conclusion

Moodle core system should provide a special body#id = popup or something like that so CSS files would be able to apply different styles to ordinary Moodle windows and to popup ones...

Joseph

Hi,

I have just downloaded and used "Funky" theme which is also a fixed width theme. I did notice the fixed width problem with popups like the messaging window.

What I did to resolve the problem is to use javascript in header.html and footer.html to determine the width of the current window, then decide to write or not to write the <div>s that specify the fixed width in the theme.

Not sure if the fixed width in your theme is implemented the same way as "funky". For "funky", the fixed widths and page borders are applied by a few extra <div>s in the header.html and footer.html, namely <div class=wrapper>, <div id=page-top>, <div id=page-middle> and <div id=page-bottom>. So simply not using these <div>s with small popup windows solves the problem.

Hope this is helpful in one way or another : )