# Pushing down content using div

**URL:** <https://forum.kirupa.com/t/pushing-down-content-using-div/212251>\
**Category:** Uncategorized\
**Created:** [January 9, 2007, 5:19pm UTC](https://forum.kirupa.com/t/pushing-down-content-using-div/212251 "2007-01-09T17:19:37Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![d4005](https://avatars.discourse-cdn.com/v4/letter/d/839c29/32.png) [@d4005](https://forum.kirupa.com/u/d4005)\
**Post date:** [January 9, 2007, 5:19pm UTC](https://forum.kirupa.com/t/pushing-down-content-using-div/212251/1 "2007-01-09T17:19:37Z")

</div>

Can someone tell me which property of a div I should be initially setting when declaring the HTML, and then later changing as I expand it, so that it pushes down the content below it. I have the following:

some inline html stuff (e.g. tables, images, other divs … I don’t know what really)  
\<div id=“mydiv”\>\</div\>  
some more inline html stuff (e.g. tables, images, other divs … I don’t know what really)

All I know about is mydiv. What appears before and after I don’t know what it might be or how it might be declared. What I do know is that normally mydiv is empty, but on demand I want to expand it’s height from 0px to NNpx and I want it to push down everything below it. Currently I’m doing it like this:

some inline html stuff (e.g. tables, images, other divs … I don’t know what really)  
\<div id=“mydiv”\>\</div\>  
\<iframe id=“myiframe” height=0 etc\>\</iframe\>  
some more inline html stuff (e.g. tables, images, other divs … I don’t know what really)

When I want to push down/up, I change the height of the iframe. I’d prefer to drop the iframe and use the properties of the div instead. I’m sure there’s some display block/inline/none kind of properties could be used but I can’t get them working.