jughead77a wrote:
Do you mean change the width of the container div? If so to what size?
Use this code as your starting point and this can be improved upon as you go along:
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>Header</title>
<style type="text/css" media="all">
body {
margin: 0;
padding: 0;
text-align: center;
}
#container {
width: 960px;
text-align: left;
background-color: silver;
margin: 0 auto;
}
#header {
background: red;
min-height: 100px;
}
#main {
width: 740px;
float: left;
margin-left: 0;
margin-right: 10px;
background-color: blue;
min-height: 600px;
}
#sidebar {
width: 180px;
margin-left: 10px;
margin-right: 0;
float: right;
background-color: orange;
min-height: 600px;
}
</style>
</head>
<body>
<div id="container">
<div id="header">Header</div>
<div id="wrapper">
<div id="main">Main</div>
<div id="sidebar">Sidebar</div>
</div>
</div>
</body>
</html>
Hope this helps.
