自动调整高度的div层
以下是代码：
<html>
<head>
<title>Nice and Free css Template 09</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />
<style type=”text/css” media=”screen”><!–
body {
background-color: #e1ddd9;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:20px;
margin:0px;
text-align: center;
}
#content {
text-align: left;
vertical-align: middle;
margin: 0px auto;
padding: 0px;
width: 550px;
background-color: #ffffff;
border: 1px dashed #564b47;
}
p, h1, pre {
margin: 0px;
padding: 5px 10px;
}
h1 {
font-size: 11px;
text-transform:uppercase;
text-align: right;
color: #564b47;
background-color: #90897a;
}
a {
color: #ff66cc;
font-size: 11px;
background-color:transparent;
text-decoration: none;
}
pre {
color: #564b47;
font-size: 11px;
background-color:transparent;
font-family: Courier, Monaco, Monospace;
}
–></style></head>
<body>
<div id=”content”>
<p><b>center a FIXED BOX</b><br /><br />
This BOX has a fixed width.<br />
It is centered and adjusts to the browser window.<br />
The height adjusts to the content.<br />
<a href=”/”>more nice and free css templates</a><br />
</p>
<pre>
body {
background-color: #e1ddd9;
font-size: 12px;
color:#564b47;
padding:20px;
margin:0px;
text-align: center;
}
#inhalt {
text-align: left;
vertical-align: middle;
margin: 0px auto;
padding: 0px;
width: 550px;
background-color: #ffffff;
border: 1px dashed #564b47;
}
</pre>
<p>
<img src=”xhtml10.gif” alt=”” width=”80″ height=”15″ border=”0″/> <img src=”css.gif” alt=”” width=”80″ height=”15″ border=”0″/>
</p>
</div>
</body>
</html> |
以下是HTML网页特效代码，点击运行按钮可查看效果：
![自动调整高度的div层]( "自动调整高度的div层")
以下是程序代码
