Syllabus page not fully showing content - HELP

[mwhite3]

Seeking help. The issue seems to be that the Canvas Syllabus page has something going on where it does not display a full webpage built within it. I also am not smart enough to figure out how to have my page display at say 95%, so that fully displays with the Syllabus container.

Here's what I mean. This is the page being correctly shown in a Canvas page. Notice that the buttons have a thin border around them and there is no scroll bar at the bottom of the page.

Here is the same code pasted into the Syllabus Page. Now notice that at the very bottom there is now a thin grey horizontal scroll bar, which now means the buttons borders are slightly cut off (unless you use it to scroll either way a tiny bit.) While it is a small detail it is very off putting as no-one would think to use that tiny scroll bar and honestly why should they? Shouldn't the same content fit in both Page and Syllabus.

Any suggestions as to how to get content to fit correctly into the Syllabus page?

[JamesSekcienski · Accepted solution]

Have you tried wrapping that content in a div and setting the width of 95% on that to see if it helps?

If that doesn't work, it would help if you could share the source code to have a better idea of how the code is currently implemented.

[mwhite3]

I actually found I needed to use a div of 98% and then add some padding of 1 around the buttons to also ensure those were moved in correctly. Thanks for your response. Good to know there are people out there willing to help.

[JamesSekcienski]

You're welcome 😀 I'm glad you found a solution that worked