我试图把一个网站放在一起,在所有网页上有一个“毗连”区,以便我能够有一个所有其他网页的模板。 我已经设立这一机制,但新编织的护堤将适当转至主窗户,在把窗户减少到最低限度之前,它们会与它进行善后。 我正试图说出菜单和行动 d。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Centered Scalable Layout using <div> s</title>
<style type="text/css">
html {
height: 100%;
}
body {
margin: 0;
height: 100%;
background: #999999;
}
#wrapper {
position: relative;
width: 95%;
margin: 0 auto 0 auto;
min-height: 100%;
background: #FBFBFF;
color: #000033;
}
#header {
height: 6em;
background: #000059;
color: #F2F2FF;
}
#content {
width:100%;
height:900px;
position:relative;
}
#action{
position:absolute;
top: 500px;
left: 25%;
height: 300px;
width: 600px;
border: 5px solid #000;
}
#menu{
position:absolute;
left: 25px;
height: 15px;
width: 500px;
}
#footer {
position: absolute;
bottom: 0;
height: 4em;
width: 100%;
background: #80A7E0;
color: #000033;
}
</style>
<!--[if IE 6]>
<style type="text/css">
#wrapper {
height: 100%;
}
</style>
<![endif]-->
</head>
<body>
<div id="wrapper">
<div id="header"> Header area</div>
<div id="content">
<p>Some text in the content area. </p>
<div id="menu"> menu area</div>
<div id="action">action area</div>
</div>
<!--end content div -->
<div id="footer">Footer area</div>
</div><!--end wrapper -->
</body>
</html>