[Solved] How to dynamically resize a div?

[knowledgenotebook]

And make it a modal ‘window’?

Hi all,

I have a page which has two divs, left DIV with id of halfL and right DIV with id of halfR, each take 50% real estate of the entire window.
Now, I’d like to be able to dynamically expand the left div to almost take the whole window, specially 95% width and 95% height and become a modal ‘window’, hence, the right DIV would become invisible as well (this is easy, hiding it would do as well…), so, the question is, how?

Also, this ‘halfL’ DIV contains an iframe which needs to resized accordingly as well.

Could you point me to the right direction?

Thanks.

[shaneisme]

Do you have an online example at CodePen or otherwise?

What have you tried so far?

[Paulie_D]

Clearly, at least it seems to me, that this is a more something better suited to Javascript…not CSS.

[Author]

Posts