Lay Out Sederhana menggunakan HTML dan CSS
CODE
<html>
<head>
<title>DIV 2</title>
<style>
#tabel{
width:100%;
height:88%;
}
#header{
width:100%;
height:25%;
background:#CC00CC;
}
#nav{
width:15%;
height:84%;
background:#FF0033;
float:right;
}
#conten{
width:108%;
height:78%;
background:#CC0066;
float:left;
}
#footer{
margin:-20px 0;
width:108%;
height:10%;
background:#CC00CC;
float:left;
}
#a{
float:left;
width:80%;
}
</style>
</head>
<body>
<div id="tabel">
<div id="header">
<h2 align="center">HEADER</h2>
</div>
<div id="a">
<div id="conten">
<h2 align="center">CONTAINT</h2>
</div>
<div id="footer">
<h2 align="center">FOOTER</h2>
</div>
</div>
<div id="nav">
<h2 align="center">NAVIGASI</h2>
</div>
</div>
</body>
</html>
Tidak ada komentar:
Posting Komentar