We would like to know how to create Fixed Width Sidebars with Dynamic Content.
<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
#div1, #div2, #div3 {<!-- w w w.j a va 2 s .c o m-->
height: 100px
}
#div1 {
width: 200px;
background-color: #AAA;
float: left;
}
#div2 {
background-color: #DDD;
margin-left: 200px;
margin-right: 200px;
}
#div3 {
width: 200px;
background-color: #EEE;
float: right
}
</style>
</head>
<body>
<div id="container">
<div id="div1"></div>
<div id="div3"></div>
<div id="div2"></div>
</div>
</body>
</html>
The code above is rendered as follows: