SCORM content display is cut off - how to fix?

Jump to solution
epulham
Community Contributor

Hi everyone,

I have some great SCORM OER content from wisc-online.com for our Medical Assisting program. My problem is that when I upload it to Canvas, it displays like this:

310099_pastedImage_1.png

As you can imagine, this is not user-friendly. I have been TRYING to fix the CSS and HTML on the back end to get it to upload and simply show all of the content in the viewport, but I've had no luck. I'm a little bit more than a novice with HTML and CSS, but this has proved to stump me. And it's doubly hard when I have to re-upload to Canvas every time I want to check to see if a minor code change accomplished anything.... Are there any HTML/CSS gurus out there who are willing to help me? Or know of anyone who gets it and could help (stefaniesanders or  @kona ) ? Here's the source code for the HTML and CSS:

HTML: 

310214_pastedImage_2.png

CSS:

310215_pastedImage_3.png

1 Solution
epulham
Community Contributor

The fix Jeffrey was able to help me come up was a min-height attribute for the iframe of 800px! Just for future reference if anyone is looking for help with this issue. 

View solution in original post