layout - How to put a div in center of browser using CSS?

Question

How to put a div in center of browser both vertically and horizontally using CSS only?

Make sure it works on IE7 too.

If everything fails, we may use JavaScript, but a last choice.

question from:https://stackoverflow.com/questions/1040554/how-to-put-a-div-in-center-of-browser-using-css

Answer 1

HTML:

<div id="something">... content ...</div>

CSS:

#something {
    position: absolute;
    height: 200px;
    width: 400px;
    margin: -100px 0 0 -200px;
    top: 50%;
    left: 50%;
}