带下拉滚动条的表格

上一篇 / 下一篇 2008-04-06 09:24:59

<html>
<head><STYLE. type=text/css>.window {
BORDER-RIGHT: #606060 2px solid; PADDING-RIGHT: 2px; BORDER-TOP: #f0f0f0 2px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; MARGIN: 0px; BORDER-LEFT: #d0d0d0 2px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #404040 2px solid; BACKGROUND-COLOR: #c0c0c0; TEXT-ALIGN: left
}
.titleBar {
PADDING-RIGHT: 2px; PADDING-LEFT: 0.5em; FONT-WEIGHT: bold; FONT-SIZE: 8pt; PADDING-BOTTOM: 2px; MARGIN: 0px; CURSOR: default; COLOR: #ffffff; PADDING-TOP: 2px; FONT-FAMILY: "MS Sans Serif", "Arial", "Helvetica", sans-serif; WHITE-SPACE: nowrap; BACKGROUND-COLOR: #008080; TEXT-ALIGN: right
}
.titleBarText {
FLOAT: left; OVERFLOW: hidden; TEXT-ALIGN: left
}
.titleBarButtons {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; VERTICAL-ALIGN: middle; BORDER-LEFT: 0px; WIDTH: 50px; BORDER-BOTTOM: 0px; HEIGHT: 14px
}
.clientArea {
BORDER-RIGHT: #e0e0e0 2px solid; PADDING-RIGHT: 0.5em; BORDER-TOP: #404040 2px solid; PADDING-LEFT: 0.5em; FONT-SIZE: 10pt; PADDING-BOTTOM: 0.5em; MARGIN: 2px 0px 0px; OVERFLOW: auto; BORDER-LEFT: #505050 2px solid; COLOR: #000000; PADDING-TOP: 0.5em; BORDER-BOTTOM: #f0f0f0 2px solid; FONT-FAMILY: "Arial", "Helvetica", sans-serif; BACKGROUND-COLOR: #ffffff
}
</STYLE>
<title>无标题文档</title>
<meta. HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">

</head>

<body BGCOLOR="#FFFFFF" TEXT="#000000">
<div CLASS=window ID=myWindow
STYLE="FLOAT: left; WIDTH: 200px; MARGIN-RIGHT: 8px"><div CLASS=titleBar><span CLASS=titleBarText>My
Window</span> <img
ALT="" SRC="none.gif" WIDTH="0" HEIGHT="14">
</div><div CLASS=clientArea STYLE="HEIGHT: 100px">Sample content.
Sample content. Sample content. Sample content. Sample content. Sample content.
Sample content. Sample content. Sample content. Sample content. Sample content.
Sample content. Sample content. Sample content. Sample content. Sample content.
Sample content. Sample content. Sample content. Sample content.</div></div>
</body>
</html>