Css div is always centered on the screen, while css div is centered on the screen

Css div is always centered on the screen, while css div is centered on the screen

Regardless of how the screen slides, The div is always in the center of the screen (IE7 (including IE7) and later versions are supported)

<Div class = "loginBox"> </div>

. LoginBox {background: # FA2; width: 700px; height: 400px; position: fixed; left: 50%; top: 50%; z-index: 11; /* set the negative value of this div's margin-top to half of its own height. The value of margin-left is also the negative value of half of its own width. * // * If the width is 400, margin-top is-200px * // * If the height is 200, margin-left is-100px; */margin:-200px 0 0-350px ;}