Can any one help me to find an alternative to overlay an html over html?

Can any one help me to find an alternative to overlay an html over html?
0

#1

So what i’m trying to do is to use an html page as a background for another html… since i can’t nest them… i used another way via

tag…
Here is the code…
div {
    display:table;
    position:relative;
    margin:0 auto;
}
iframe + iframe {
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    margin:auto;
}


<!--<div>
    <iframe src="project/index.html" scrolling="off" width="1368" height="1080" ></iframe>
    <iframe src="new/index.html" allowtransparency="true" scrolling="off" width="1368" height="1080"></iframe>
	
</div>-->

it’s working only on pc (locally via opening it in IE ) when i’m uploading to hosting… it’s not working… connection is getting refused////
please suggest another way…
and why iframes are not working on any hosting…???


#2


#3

I think this might be close to what you’re looking for. I’ve never done it before so I just google around to help find what you’re looking for.(Hope it helps)

https://css-tricks.com/forums/topic/bring-a-div-on-top-of-the-iframe/

http://www.dynamicdrive.com/forums/showthread.php?68149-Iframe-divs-a-technique-for-letting-divs-overlay-anything-we-want

http://stackoverflow.com/questions/18233386/overlaying-an-iframe-over-another-iframe

http://www.tinywebgallery.com/blog/iframe-do-not-mix-http-and-https


#4

@azdrian : i’ve used them but still… it’s refusing… i don’t know where is the fault… but one thing i’m sure off… is that… it’s not from client side… (tried with different user-agents and x-online-host)… still refusing… but thanks :slight_smile:


#5

@ash3ax : No problem. :slight_smile: … Maybe its a problem on the hosting provider side.You can try uploading your project with GitHub Pages and see if it works there.


#6

I don’t know if you already resolve this, but you can try to resolve this without an iframe, using JS.

You need to put something like:

<script>
  $("#test").load("http://www.google.com/");
<script>

<div id="test"></div>

#7

I cleaned up your code.
You need to use triple backticks to post code to the forum.
See this post for details.