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.

Recommended Answers

Look for any simple slide show that does that - www.cssplay.co.uk/menu has a couple of examples that do that. Using css.

this isn't quite what you asked for

Jump to Post

All 2 Replies

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.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of 1.20 million developers, IT pros, digital marketers, and technology enthusiasts learning and sharing knowledge.