WindJackal Posted March 13, 2006 Share Posted March 13, 2006 Hey, I've been working on a page the past few days and it requires an iframe that floats transparently on top of an image, is there anyway to do the position apart from position:absolute as that doesn't suit all resolutions. Any help much apreciated.Thanks in advance. :)For example, here is a failed attempt.. <style type="text/css">h2.content{position:absolute;right:239px;top:166px}</style></head><h2 class=content><iframe name=Iframe src=news.html frameborder=0 width=348 height=284></iframe></h2> Link to comment Share on other sites More sharing options...
scott100 Posted March 13, 2006 Share Posted March 13, 2006 Full code would have helped anyway, try using a div and put the image and iframe in it, set the div position to relative. <head><style type="text/css">.content{position:relative;left:239px;top:166px}</style></head><div class=content><iframe style="position:absolute;z-index:2" name=Iframe src=news.html frameborder=0 width=348 height=284></iframe></h2><img style="position:absolute;z-index:1" src="http://www.google.co.uk/logos/mars06.gif" /></body></div> Link to comment Share on other sites More sharing options...
WindJackal Posted March 13, 2006 Author Share Posted March 13, 2006 Thanks Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now