Struggling to make iframe fullscreen

Highlighted
New Member
1 0 0

Hi there,

I've embedded an iframe (to show a Google Data Studio dashboard) but am unable to get it to show the full screen of the page.

It looks like it's getting blocked by a div container but I can't quite get it to work after hours of trying - any help would be greatly appreciated! 

This is the code for the page, is there a way allow the iframe to override any container settings within the rest of the CSS to allow it to show full screen below the header?

The issue I'm having is with the height, width is showing as it should - thanks!

<iframe src="https://datastudio.google.com/embed/reporting/" frameborder="0" style="overflow: hidden; overflow-x: hidden; overflow-y: hidden; height: 150%; width: 150%; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;" height="150%" width="150%"></iframe>

.

 

0 Likes