<html>
<head>
<style>
#header{
background-color: lightblue;
width:100%;
height:50px;
text-align: center;
}
#sidebar-left{
float:left;
width:15%;
background-color: red;
}
#main{
float:left;
width:70%;
background-color: lightgray;
}
#sidebar-right{
float:left;
width:15%;
background-color: red;
}
#footer{
clear:both;
height: 50px;
width: 100%;
text-align: center;
background-color: lightblue;
}
#sidebar-left, #main, #sidebar-right{
min-height: 600px
}
</style>
</head>
<body>
<div id="header">ITGENIE4U</div>
<div id="sidebar-left">Left</div>
<div id="main">
<p><strong>CONTENT</strong>This is a test. This is a test. This is a test. This is a test.
This is a test. This is a test. This is a test. This is a test. This is a test.
This is a test. This is a test. This is a test. This is a test. This is a test.
This is a test. This is a test. This is a test. This is a test. This is a test.
</p>
<p>This is a test. This is a test. This is a test. This is a test.
This is a test. This is a test. This is a test. This is a test. This is a test.
This is a test. This is a test. This is a test. This is a test. This is a test.
This is a test. This is a test. This is a test. This is a test. This is a test. This is a test.
This is a test. This is a test. This is a test. This is a test. This is a test.
</p>
</div>
<div id="sidebar-right">Right</div>
<div id="footer">Footer</div>
</body>
</html>
<head>
<style>
#header{
background-color: lightblue;
width:100%;
height:50px;
text-align: center;
}
#sidebar-left{
float:left;
width:15%;
background-color: red;
}
#main{
float:left;
width:70%;
background-color: lightgray;
}
#sidebar-right{
float:left;
width:15%;
background-color: red;
}
#footer{
clear:both;
height: 50px;
width: 100%;
text-align: center;
background-color: lightblue;
}
#sidebar-left, #main, #sidebar-right{
min-height: 600px
}
</style>
</head>
<body>
<div id="header">ITGENIE4U</div>
<div id="sidebar-left">Left</div>
<div id="main">
<p><strong>CONTENT</strong>This is a test. This is a test. This is a test. This is a test.
This is a test. This is a test. This is a test. This is a test. This is a test.
This is a test. This is a test. This is a test. This is a test. This is a test.
This is a test. This is a test. This is a test. This is a test. This is a test.
</p>
<p>This is a test. This is a test. This is a test. This is a test.
This is a test. This is a test. This is a test. This is a test. This is a test.
This is a test. This is a test. This is a test. This is a test. This is a test.
This is a test. This is a test. This is a test. This is a test. This is a test. This is a test.
This is a test. This is a test. This is a test. This is a test. This is a test.
</p>
</div>
<div id="sidebar-right">Right</div>
<div id="footer">Footer</div>
</body>
</html>
No comments:
Post a Comment