Lay Out Sederhana menggunakan HTML dan CSS
CODE
<html>
<head>
<title>DIV 3</title>
<style>
#tabel{
width:100%;
height:88%;
}
#header{
width:100%;
height:20%;
background:#CC00CC;
}
#nav2{
width:15%;
height:87%;
background:#FF0033;
float:right;
}
#nav1{
width:15%;
height:87%;
background:#FF0033;
float:left;
}
#conten{
width:100%;
height:85%;
background:#CC0066;
margin:-20px 0;
}
#footer{
margin:-20px 0;
width:100%;
height:10%;
background:#CC00CC;
float:left;
}
#a{
float:left;
width:70%;
}
</style>
</head>
<body>
<div id="tabel">
<div id="header">
<h2 align="center">HEADER</h2>
</div>
<div id="nav1">
<h2 align="center">NAVIGASI1</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="nav2">
<h2 align="center">NAVIGASI2</h2>
</div>
</div>
</body>
</html>
Tidak ada komentar:
Posting Komentar