Themes

Miss Moeller,

In any of the fluid width themes available in moodle you should be able to change the minimum page width by altering the min-width setting either in #page or #page-content.

For example the base theme has

#page-content {clear:both;float:left;overflow:hidden;position:relative;width:100%;min-width:900px;}

Note: do not change the base theme itself, but make these changes to your own theme when you are restyling to match your joomla site as you stated.

However, I am not sure this is going to solve your overall issue. It seems to me that with your joomla theme/template apparently fixed at 960px, then with a left column (approximately 200px?) you probably actually need to do a little bit more work in terms of ensuring that the side-blocks that are actually part of your moodle site are not used as well as this starts to limit your content width to only about 500px if one side column is present and only 300px if both are needed.

You could try looking at Daniel Wahl's Zebra theme which uses @media calls to adjust the layout depending on screen size. I don't know whether or not these calls will work in themselves when it is a frame size rather than a screen size which is the issue, but Daniel's pagelayout.css may give you some pointers.

It also seems to me that you could probably create your moodle theme in such a way that the pagelayout for the courses only shows the main content ie. just the course itself with no header, footer or sidebars as all the navigation, branding etc. is handled by the joomla page.

HTH

Richard

Hi,

I think the only thing stopping your site shrinking into infinity is the picture gallery which is set to  width: 850px; Take that out and your site will shrink to the total width of the next set of elements which have whole number values, these will probably be the side columns.

That's my observation, mind you I am still half asleep...LOL

Mary

Hello again,

Edited: Since writing my comment below I took a better look at the frame inwhich your Moodle site will fit and found that by removing min-width using Firebug I got the following screen shot.

Now here is my original comment which I have left rather that delete to let you see what I was first thinking:

I've been thinking about this most of the day, and wondered what it is you are actually trying to do.

As the Joomla site is 900px wide. If you make your Moodle theme a two column site as this example shows and set a page width to 900px in css pagelayout like so #page { width: 900px; } this  would get round the problem.

Not having worked with Joomla for a long time, I am not familiar with Joomdle...but your site looks great!

I would imagine it would be pretty easy to create a new Moodle theme to match your existing Joomla theme.

Mary

Hi,

Hope you don't mind me monitoring your site, and just to re-enforce what I was saying earlier. If you add #page-content { min-width: 0;} to the end of Standard theme's core.css this will fix the problem you have.

Here are 2 screen-shots of the calendar page...

BEFORE:  where CSS = #page-content { min-width: 900px}

AFTER: where CSS = #page-content { min-width: 0}