Iframe and blank

Question

I want to use an external browser.
iframe does not appear because it knew that the new browser.
index.html
# IFrame {
height: 100%;
width: 100%;
border-top-width: 0;
border-bottom-width: 0;
border-left-width: 0;
border-right-width: 0;
border-top-style: none;
border-bottom-style: none;
border-left-style: none;
border-right-style: none;
margin-left: auto;
margin-right: auto;
<div data-role="content">
<iframe id="iFrame" src="http://www.domain.kr/index_sub.html" seamless> </ iframe>
</ Div>
</ Div>
index_iframe.html (in index.html iframe)
<a class="ui-link-inherit" target="_blank" rel="external" href="http://www.domain.com"> new browser </ a>
<a class="ui-link-inherit" target="_system" rel="external" href="http://www.domain.com"> new browser </ a>
<a class="ui-link-inherit" target="new" rel="external" href="http://www.domain.com"> new browser </ a>
<a class="ui-link-inherit" target="self" rel="external" href="http://www.domain.com"> new browser </ a>
I've been several tests, will open within app.
Finally, have set in config.xml.
<preference name="stay-in-webview" value="false" />
true, false've tried both.
iframe in the browser (index_iframe.html) in a new browser window (native browser) to open what should I do?

Answer 1

Not really sure what the issue is. The code you've posted is broken up and fragmented.
You have a DIV ID'd as IFrame. That's not necessary because <iframe> is already a tag.
If you place:
<iframe src="[domain.com] or [localpage.html]"></iframe>
in your HTML where you want the frame, all you need in your CSS is
iframe {
      width: value;
      height: value;
      border: value;
and so on to make it work with the content in your iframe'd page.
If there are other things you need it to do like display a certain portion of the page only, there are scripts and code to do that.