Advanced Search

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