[html]代码库
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>无标题文档</title>
<style type="text/css">
body
{
margin: 0;
padding: 0;
}
a
{
text-decoration: none;
color: Black;
line-height: 50px;
}
.head
{
height: 6%;
background-color: #0033CC;
margin: 0;
}
.content
{
width: 100%;
height: 79%;
background: #CCCCCC;
margin: 0;
}
.left
{
<%-- position: relative;--%>
width: 5%;
height: 100%;
background: #CCCC66;
float: left;
margin: 0;
}
.right
{
width: 5%;
height:100%;
background-color: green;
<%--position: relative;--%>
float:right;
}
.foot
{
height: 15%;
width: 100%;
background: #0099CC;
margin: 0;
}
.dvreport
{
width: 90%;
height: 100%;
background: white;
overflow: hidden;
overflow-y: auto;
float: left;
}
table td
{
text-align: center;
width: 50%;
height: 50%;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div class="mini-fix" style="height: 100%; width: 100%; background-color: #124A85">
<div id="head" class="mini-fix head">
head</div>
<div id="content" class="mini-fit content">
<div id="left" class="left">
left
</div>
<div id="dvReportList" class="dvreport">
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%; height: 90%">
<tr>
<td>
<div id="divtd" alt="test" style="margin-top: 10px; margin-bottom: 10px">
<img src="../images/a.jpg" />
<p>
<span><a href="#">整体分析</a></span>
</p>
</div>
</td>
<td>
<div id="div1" alt="test" style="margin-top: 10px; margin-bottom: 10px">
<img src="../images/a.jpg" />
<p>
<span><a href="#">整体分析</a></span>
</p>
</div>
</td>
</tr>
<tr>
<td>
<div id="div6" alt="test" style="margin-top: 10px; margin-bottom: 10px">
<img src="../images/a.jpg" />
<p>
<span><a href="#">整体分析</a></span>
</p>
</div>
</td>
<td>
<div id="div7" alt="test" style="margin-top: 10px; margin-bottom: 10px">
<img src="../images/a.jpg" />
<p>
<span><a href="#">整体分析</a></span>
</p>
</div>
</td>
</tr>
</table>
</div>
<div id="right" class="right">
right
</div>
</div>
<div id="foot" class="foot">
foot
</div>
</div>
</body>
</html>