让div+css的div居中

<html> 
   
<head>
       
<title>iPage </title>
   
</head>
   
<style>
        html,body
{height:100%; margin:0px; font-size:12px;}

        .mydiv
{
            background-color
: #f9fff6;
            border
:3px solid #FF0000;
            text-align
: center;
            line-height
: 25px;
            font-size
: 13px;
            font-weight
: bold;
            z-index
:99;
            width
: 300px;
            height
: 300px;
            left
:50%;/*FF IE7*/
            top
:50%;/*FF IE7*/

            margin-left
:-150px!important;/*FF IE7 half of its width */
            margin-top
:-150px!important;/*FF IE7 half of its height*/

            margin-top
:0px;

            position
:fixed!important;/*FF IE7*/
            position
:absolute;/*IE6*/

            _top
:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
                documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :
/*IE6*/
                document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2)
;/*IE5 IE5.5*/

       
} 
   
</style>
   
<body>
       
<DIV  class="mydiv"> </div>
   
</body>
</html>

你可能感兴趣的:(让div+css的div居中)