Return to Snippet

Revision: 42867
at March 11, 2011 19:52 by adamcbrewer


Initial Code
/**
 * IE7 and older - content will start at the top of the viewport.
 *
 *
 * The HTML markup
 *
<body>
    <div id="body">
        Content goes here
    </div>
</body>

*/



/**
 * The CSS markup 
 */

html,
body {
    width:100%;
    height:100%;
}
html {display:table;}
body {
    display:table-cell;
    vertical-align:middle;
}
#body {
    max-width:50em;
    margin:0 auto;
}

Initial URL
http://www.456bereastreet.com/archive/201103/flexible_height_vertical_centering_with_css_beyond_ie7/

Initial Description


Initial Title
Flexible Height Vertical Centering (IE8+)

Initial Tags
css

Initial Language
CSS