让div+css的div居中

最新推荐文章于 2024-07-25 08:14:42 发布

crazy_kis

最新推荐文章于 2024-07-25 08:14:42 发布

阅读量780

点赞数

分类专栏： IE &amp; HTML &amp; JS 文章标签： div css ie html border class

IE & HTML & JS 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<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>

crazy_kis

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
让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 so
复制链接

扫一扫

专栏目录