dcsimg
 
Please note, this is a STATIC archive of website webreference.com from 01 Oct 2018, cach3.com does not collect or store any user information, there is no "phishing" involved.
This is the left navigation bar. This div has its width set to the same value than the left margin of "level1". Its absolutley positioned with respect to the body element.
This is the top navigation bar.
This is the advertisement bar.
This is the right navigation bar. This div its absolutley positioned with respect to "level2" div.
This is the "Tip of the day" box.
With some break elements to make it higher.


content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content

And the HTML code looks like this:
...
<style>
  body {
    margin:9px 9px 0 9x;
    padding:0;}
  #level0 {
    background:#FC0;}
  #level1 {
    margin-left:143px;
    padding-left:9px;
    background:#FFF;}
  #level2 {
    background:#FFF3AC;
    position:relative;}
  #level3 {
    margin-right:143px;
    padding-right:9px;
    background:#FFF;}
  #main {
    background:#CCC}
  #topBar{
    background:#FC0;}
  #advBar{
    background:#FFF3AC;}
  #tipDay{
    float:right;
    width:175px;
    background:#FFF3AC;}
  #lftBar {
    position:absolute;
    width:143px;
    top:9px;
    left:9px;}
  #rgtBar {
    position:absolute;
    width:143px;
    top:0;
    right:0;}
</style>
...
<body>
  <div id="lftBar">
    This is the left navigation ...
  </div>
  <div id="level0">
    <div id="level1">
      <div id="topBar">
        This is the top navigation bar.
        <div id="advBar">
          This is the advertisement bar.
        </div>
      </div>
      <div id="level2">
        <div id="rgtBar">
          This is the right navigation...
        </div>
        <div id="level3">
          <div id="main">
            <div id="tipDay">
              This is the "Tip of the day"...
            </div>
            The code you are reading.
          </div>
        </div>
        "rgtBar" could go here using the same style
      </div>
    </div>
  </div>
</body>
...