Resizeble div

Div that retains aspect ratio.

by ischenkodv

HTML

<div style="position:relative;padding-bottom:56%;padding-top:30px;height:0;overflow:hidden;">
    <div id="foo"></div>
</div>

CSS

#foo {
    background: lime;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}