HTML and CSS Reference
In-Depth Information
height: 120px;
width: 98px;
margin-left: -426px; /* shift _past_ .main */
border: 1px solid black;
}
.right_sidebar {
float: right;
height: 180px;
width: 98px;
border: 1px solid black;
}
[...]
<div class="container">
<div class="main">
.main
</div>
<div class="left_sidebar">
.left_sidebar
</div>
<div class="right_sidebar">
.right_sidebar
</div>
</div>
A variation of this arrangement and in-depth description can be found
in the A List Apart article “Multi-column Layouts Climb Out of the Box”
(
http://www.alistapart.com/articles/multicolumnlayouts/
)
by Alan Pearce.
