JSFiddle - React, Tailwind, and code Playground

by Rosberg Linhares

HTML

<div data-role="page" id="step3" class="mainpage" data-theme="a">

	<div data-role="header" data-position="fixed" data-tap-toggle="false">
		<a href="#left-panel" data-role="button" data-icon="bars" data-prefetch data-dom-cache="true" data-tap-toggle="false">Menu</a>
		<h1>Title</h1>
		<a data-icon="back" data-rel="back" title="Go back">Back</a>
	</div><!-- /header -->

	<div role="main" class="ui-content">
		<iframe id="contentIframe" src='http://jquerymobile.com' height="500px"></iframe>
	</div><!-- /content -->
	
	<div id="footing" data-role="footer" data-position="fixed" data-tap-toggle="false">
		<div id="ad">&nbsp;</div>
	</div>

</div><!-- /page -->

CSS

#contentIframe
{
    width: 100%;
    height: 100%;
    border: 0px;
}

.ui-content
{
    padding: 0px
}

JavaScript

/*
document.getElementById("iframe").innerHTML="<iframe src='" + 'http://www.google.com' + "' width=\"100%\" height=\"100%\" style=\"padding:0px\;margin:0px\;min-height:500px\;height:100%\;\"></iframe>";
*/