I want to have an iframe expand and center on the screen when a button is clicked. This would be similar to creating a lightbox for it but I dont want to have the content in the iframe reload. I have found solutions that can resize an element but it then pushes everything around it to make room. Here is an example of what I dont want: grow example

I have tried setting position to absolute but then auto margins dont seem to work.

Google images is a perfect example of what I'm wanting. It allows for an element to expand over top of the existing content. I would still need to have it center on the screen.