Lay Out Sederhana Menggunakan HTML dan CSS
CODE
<html>
<head>
<title>DIV 1</title>
<style>
#tabel{
width:100%;
height:88%;
}
#header{
width:100%;
height:25%;
background:#CC00CC;
}
#nav{
width:20%;
height:75%;
background:#9933FF;
float:left;
}
#conten{
width:80%;
height:75%;
background:#FF33AE;
float:right;
}
#footer{
margin:-20px 0;
width:100%;
height:10%;
background:#CC00CC;
}
</style>
</head>
<body>
<div id="tabel">
<div id="header">
<h2 align="center">HEADER</h2>
</div>
<div id="nav">
<h2 align="center">NAVIGASI</h2>
</div>
<div id="conten">
<h2 align="center">CONTAINT</h2>
</div>
<br style="clear:both"/>
<div id="footer">
<h2 align="center">FOOTER</h2>
</div>
</div>
</body>
</html>
Tidak ada komentar:
Posting Komentar