making sure the content displays the same on ALL computers

making sure the content displays the same on ALL computers

Kate Rhodes -
Erantzun kopurua: 7
Hi there,
My moodle site looks great on my computers, but not so great on the clients end.
They have to do a lot of horizontal scrolling when viewing courses.
I'm running 1680X1050, but I've tried 1024X768 as well and don't have any issues.
I'm running firefox, but test in explorer which is what they run.
In the lessons setup, I've set it to run like a slide show and set the dimensions to fit well within an 800x600 screen.... could that be the problem.

I'm just not sure where to start looking to find the problem!
Thank you so much!

Kate
Puntuazioen batez bestekoa: -
Kate Rhodes(e)ri erantzunda

Re: making sure the content displays the same on ALL computers

Frank Ralf -
Hi Kate,

CSS FAQ and Themes FAQ are good starting points for learning more about CSS and theming in general.

You could use one of the tools mentioned there for a peek under the hood of your theme.

For providing more help it would be great if you could tell which theme you are using. A screenshot would also be helpful.

hth
Frank
Frank Ralf(e)ri erantzunda

Re: making sure the content displays the same on ALL computers

Kate Rhodes -

Hi Frank, that's for getting back so fast. I have checked the FAQ's but I don't even understand what CSS stands for so I found it all kind of confusing. I did go and install the Firebug to my firefox and webdeveloper like you suggested though.
I'm using the "facebooky" theme right now, but I'm not committed to it if you think there is something easier I can learn to modify. I've attached a screen shot for you 1024X768 not stretched to try and show you what the client sees. Mine doesn't look like that at all, the lesson is in the middle of the screen with tons of space!

I'm going to go and see if I can figure out what Firebug does in the meantime....
I really like moodle and love learning this stuff....it just gets frustrating sometimes.
irribarrea

Thank you!!!
Eranskina screenshot.gif
Kate Rhodes(e)ri erantzunda

Re: making sure the content displays the same on ALL computers

Mary Cooch -
Documentation writers-ren irudia Moodle HQ-ren irudia Particularly helpful Moodlers-ren irudia Testers-ren irudia Translators-ren irudia
Hello Kate. I apologise in advance if you already know this and I am talking to someone more experienced than myself -and I haven't used the Facebook theme - but often, if a moodle page has a horizontal scrollbar on some browsers it basically just means that people have uploaded and displayed photos (or banners) that are bigger or longer than the smallest screens can cope with.
Mary Cooch(e)ri erantzunda

Re: making sure the content displays the same on ALL computers

Frank Ralf -
I think Mary is right and the photo makes the middle column too wide.

Here's a live demo site of the Facebooky Theme: http://moodle.mybiddenham.com/moodle/

You can use the Web developer toolbar, under the "Information" menu you will find "Show block size" and "Show topographic information". Those will give you an idea of the order and size of the elements on your site.
Frank Ralf(e)ri erantzunda

Re: making sure the content displays the same on ALL computers

Frank Ralf -
From the theme information:

"Facebooky is a fixed width theme inspired by Facebook.

To alter the width to which the main layout is fixed, edit the width value of the table in header.html"

The width is set to 965px by default.

How did you create the content of that page? Did you use the HTML editor? Or did you copy&paste the content, perhaps from Word? Sometimes this produces strange HTML code in Moodle.
Frank Ralf(e)ri erantzunda

Re: making sure the content displays the same on ALL computers

Kate Rhodes -
Hi there, I actually went and looked for that "header.html" in the folder for the theme using cPanel. I found the line that sets it as a fixed width and deleted it. It worked! As long as the user is using a screen resolution of something bigger than 800x600 it displays okay.
I did use the html editor to create the contents. I'm also using the 'slide show' setting in the set up for the lesson to try and keep that display window the same size and resize my photos and graphics to keep them smaller.

Still experimenting and learning for sure! Thank you all for your suggestions. There sure is more than one way of doing things isn't there!
Cheers!
Kate
Kate Rhodes(e)ri erantzunda

Re: making sure the content displays the same on ALL computers

Mary Evans -
Core developers-ren irudia Documentation writers-ren irudia Peer reviewers-ren irudia Plugin developers-ren irudia Testers-ren irudia
Kate,

If you had changed the table width to 100% rather than 1000 as you have it now, the table would readjust to whatever screen resolution you choose, including 800x600.

Regards

Mary