首页 > 代码库 > 最为纯粹简单的后台管理页面框架

最为纯粹简单的后台管理页面框架

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server">    <title>在线报名系统</title>    <style type="text/css">        /*开始   初始CSS模板   开始*/body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea        {            margin: 0;            padding: 0;            font-weight: normal;            font-style: normal;            font-size: 100%;            font-family: inherit;        }        html, body        {            height: 100%;            overflow:hidden;        }        ol, ul, li        {            list-style: none;        }        img        {            border: 0;        }        body        {            color: #000;            background: #FFF;            text-align: left;            font: 12px/1.5 Arial, Helvetica, sans-serif;        }        .clear        {            clear: both;            height: 1px;            margin-top: -1px;            width: 100%;        }        /*结束  初始CSS模板  结束*/                #head        {            /*margin:2px  auto;*/            margin: 0px;            height: 25px;            width: 100%;            background: #B0CFFA;            border-bottom: solid 1px #B0CFFA;            vertical-align :bottom;            position:absolute;            top:0px;        }        #head p        {            margin-left: 10px;            color: #FFFFFF;        }        #content        {            width: 100%;            height: auto;            position:absolute;            overflow:auto;            top:26px;            bottom:20px;        }        #content .left        {            float: left;            width: 200px;            height: 100%;            vertical-align: top;            border-right:solid 1px #B0CFFA;        }        #content .right        {            overflow: auto;            background: silver;            height: 100%;                   }        #fotter        {            background: #0099CC;            height: 20px;            width: 100%;            border-top: solid 1px blue;            position:absolute;            bottom:0px;        }    </style></head><body>    <form id="form1" runat="server">    <div id="head">        <p>            欢迎观临最为纯粹简单的后台管理系统平台</p>    </div>    <div id="content">        <div class="left">            <a href="Default.aspx" target="mainFram">测试链接</a><br />            <a href="http://www.cnblogs.com" target="mainFram">博客园</a><br />            <a href="http://www.CSDN.net" target="mainFram">CSDN</a>        </div>        <div class="right">            <iframe name="mainFram" frameborder="0" scrolling="auto" height="100%" width="100%">            </iframe>        </div>    </div>    <div id="fotter">        <p>            今天是星期四,2014年7月10日</p>    </div>    </form></body></html>