หน้าเว็บแบบ 1 คอลัมน์ เลย์เอ้าท์ พร้อม HEADER และ FOOTER

CSS Code

body {
margin: 0 auto;
padding: 0;
background-color:#F5F5F5;
font-family: Tahoma, Verdana, sans-serif;
font-size: 0.8em;
color: #000000;
}
#header {
position: relative;
float: none;
width: 798px;
height: 100px;
margin: 0 auto;
padding: 1px;
background-color: #cccccc;
}

#contents {
width: 798px;
position: relative;
float: none;
margin: 0 auto;
padding: 1px;
background-color: #FFFFFF;
}
#footer {
position: relative;
float: none;
width: 798px;
height: 80px;
margin: 0 auto;
padding: 1px;
background-color: #FF9900;
color: #FFFFFF;
}

XHTML Code

<div id="header">
<h1>หน้าเว็บแบบ 1 คอลัมน์ เลย์เอ้าท์ พร้อม HEADER และ FOOTER</h1>
</div>
<div id="contents">
ใส่ข้อมูลเองนะครับ
</div>
<div id="footer">
<h1>ส่วนของ Footer</h1>
</div>

 

ส่วนของ Footer