A very simple way to create main interface using Div tag.
<html>
<head>
<title> How you can use HTML <div> tag</title>
<style>
#body {
padding: 0;
margin:0;
background: black;
}
#header{
background: #ffffff;
width: 1000px;
height:260px;
margin-left: auto;
margin-right: auto;
}
#nav_bar{
background: brown;
width: 1000px;
height: 60px;
margin-left: auto;
margin-right: auto;
}
#main_con{
border-right:2px red;
background: #ffffff;
float: left;
width: 700px;
height: 600px;
margin-left: 212px;
}
#side_bar{
border-right:2px red;
background: #cccccc;
float: right;
width: 298px;
height: 600px;
margin-right: 212px;
}
#footer{
background: brown;
width: 100%;
height: 40px;
clear: both;
}
</style>
</head>
<body id= "body">
<div id="header">this is header</div>
<div id="nav_bar">this is navigation
bar</div>
<div id="main_con">this is manin content</div>
<div id="side_bar">this is side bare</div>
<div id="footer">this is footer</div>
</body>
</html>
0 comments:
Post a Comment