Browsers display course topic boxes differently

Browsers display course topic boxes differently

by Miriam Laidlaw -
Number of replies: 5
Picture of Plugin developers

Time to finally ask here, because I'm sure the answer is obvious...

Moodle 2.2

Brand new theme with base as the parent

Been designing my theme using Firefox and I noticed this only because I wanted to log in on another browser as a student to check how something looked.

How my course topic boxes look in Firefox:

Firefox

How they look in Chrome and Safari:

Chrome and Safari

As you can see, in Chrome and Safari the right hand side of the topic box is rather... large.

Things I have tried that have fixed it in Chrome/Safari have broken it in Firefox.

Help?

Average of ratings: -
In reply to Miriam Laidlaw

Re: Browsers display course topic boxes differently

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers

If it isn't already set you need to do this...

Average of ratings: -
In reply to Mary Evans

Re: Browsers display course topic boxes differently

by Miriam Laidlaw -
Picture of Plugin developers

Hi Mary,

Yep, that appears to be already set in the base theme, but I put it in my theme just in case. Hasn't fixed the problem.

thoughtful

Average of ratings: -
In reply to Miriam Laidlaw

Re: Browsers display course topic boxes differently

by Miriam Laidlaw -
Picture of Plugin developers

Through a process of painful elimination I found the problem.

/** Central content in the course box **/
.course-content .main .content {
    background-color: #FFFFFF;
    overflow: auto;
    padding: 5px;
}

Setting the overflow in the content area of the topic boxes causes this. Removing this line makes everything ok.

So I need to find a different place to set the overflow, in case people upload large images to the course page?

Average of ratings: -
In reply to Miriam Laidlaw

Re: Browsers display course topic boxes differently

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers

What about ...

Average of ratings: -
In reply to Mary Evans

Re: Browsers display course topic boxes differently

by Miriam Laidlaw -
Picture of Plugin developers

Thanks Mary. I think I'll leave it, since base is the parent theme that should be sorted from 2.2.2 (which is what I'm creating this theme for).

Average of ratings: -