Example 0: Faking the layout with a background image

Return to the article

With a tiled background image in the page body we can simulate a two column layout.

<style type="text/css">
  body {
    margin: 0 0 0 170px;
    background: White url(img/Sample-menu-bg.gif) repeat-y left top;

  #menu {
    position: absolute;
    top: 0;
    left: 0;
    width: 130px;