header ma foternya biar full monitor gmn gan?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Admin Area</title>
<link href="../styles/admin.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
Admin Area
</div>
<div id="nav">
<ul>
<li>home</li>
<li>berita</li>
<li>siswa</li>
<li>guru</li>
<li>ebook</li>
<li>materi</li>
<li>logout</li>
</ul>
</div>
<div id="content">
isi menu admin
</div>
<div id="footer">
<p align="center">Copyright© http://www.elearning.com
</p></div>
</div>
</body>
</html>
--------------------------------------css------------------------------
body{
margin:0;
padding:0;
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
}
#wrapper{
width:960px;
margin:auto;
}
#header{
height:120px;
background:#660;
}
#nav{
float:left;
width:150px;
background:#063;
}
#content{
margin-left:150px;
background:#0FC;
}
#footer{
clear:both;
height:30px;
background:#660;
margin:0 0 0 0;
padding:0 0 0 0;
}
Tidak ada komentar:
Posting Komentar