title: Is There an Ability To Show Seamless IFRAMES in the Android Browser?
body: <p>HTML5 supports a <a href="http://www.quackit.com/html_5/tags/html_iframe_tag.cfm" rel="nofollow">seamless IFRAME</a>, which is a way to do an include of headers and footers of HTML now. I tried this on the Android (2.2) browser, which I thought was supposedly HTML5-based, but it didn't work. Is there a way to do HTML file includes on Android?</p>
  
  <p>My sample that I tried was composed of an index.html, header.html, and footer.html. In index.html, it had:</p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;iframe seamless="seamless" src="header.html" sandbox="allow-top-navigation allow-scripts allow-forms allow-same-origin"&gt;&lt;/iframe&gt;
  
  My content goes here
  
  &lt;iframe seamless="seamless" src="footer.html" sandbox="allow-top-navigation allow-scripts allow-forms allow-same-origin"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>In header.html, it had:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;link rel="stylesheet" href="android.css" type="text/css" /&gt;
  &lt;title&gt;Test App&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div class="home page"&gt;
      &lt;h1&gt;Test App&lt;/h1&gt;
      &lt;div class="home content"&gt;
  </code></pre>
  
  <p>In footer.html, it had:</p>
  
  <pre><code>    &lt;/div&gt;&lt;!-- .home .content --&gt;
      &lt;div class="home footer"&gt;
      &lt;/div&gt;&lt;!-- .home .footer --&gt;
  &lt;/div&gt;&lt;!-- .home .page --&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>But when I ran the code on a Samsung Galaxy Tab running Android 2.2, I had two IFRAMES that were not seamless, and the page rendered as if it was in HTML4.01.</p>