Question

I have an iframe on a page, and in this iframe page there is a button, I want to move the button’s position to out of the iframe (visually). Is it possible.

----(want to move the button to here)
<div>
--- other elements----
</div> 
-------iframe---------
-                  ---
----the menu button---
-                  ---
----------------------

Can it be done by just by tweaking the CSS？

Answer 1

I don’t think that the iFrame content is considered part of the page DOM or if it is it might be blocked for security reasons (I could be wrong here) – so I would be very surprised if this works.

One very hacky, dirty, ‘gosh I’m ashamed’ way around this is to screen scrape the page the iFrame is in and with your server side (if any) technology insert the parsed scraped content into your page. The new content will be part of the DOM and you can CSS and jQuery stuff about.

I can’t really recommend this technique though.