Safari rendering ENTIRELY different than Chrome

[ruenel]

Hey There,

Finally I was able to view the page.

1.) On Chrome it renders 1/3 by 2/3 yet the video is not using the full space.

• This is because the video payer has a maximum width. Please edit the page and find the Frame tab. You must change the 500px maximum width to 100%.
  https://image.prntscr.com/image/ZutYpmjYTfyBWjz427y8ug.png

2.) On Safari it places 1/3 on one row above the 2/3 column

• On my Safari, I could not replicate the issue.
  http://prntscr.com/icnygu

Hope this helps.

[georgehm3]

Well the issue I’m having now is that Cornerstone just doesn’t work. Try to make an edit and save it… For instance, insert a GAP somewhere, it doesn’t work at all.

[rad]

Hi there,

I just added a gap and it works just fine, it saves okay too. I left it there but you can remove it. It’s in the first column just below the row where the video is.

Thanks!

[georgehm3]

That’s a Classic Gap, but the regular Gap doesn’t work.

Also, when I changed the iFrame to 100% width it still doesn’t work right

[paul.r]

Hi,

I went ahead and fix the gap, there is a conflicting css.

With regards to width, you can try adding inline css

<iframe src="https://content.jwplatform.com/players/aaKCSW6w-T0xR7MAf.html"  frameborder="0" scrolling="auto" allowfullscreen style="position:absolute;width:100%;"></iframe>

Hope that helps.