Question

I got this code:

    <div id="resizeDiv"><div id="title">Lol</div><div id="content"><iframe src='todo.php' height='100%' width='100%' frameborder='0px'></iframe></div></div>

and this is the css:

    #title{
      height: 25px;
      width: 100%;
      background: #c0c0c0;
      border-bottom: 1px solid #999;
    }
    #content{
      margin-bottom: 25px;
    }

and i use jquery to allow resizing of the box.
but the iframe goes out the box exacly 25px.
i tried:

    margin-bottom: 25px;

but that doesnt work does anyone has an idea what i am doeing wrong?

Answer 1

use overflow: hidden:

#resizeDiv {
  overflow: hidden;
}

#content{
  margin-bottom: 25px;
}