Faking the layout with a background image - Making web pages extend to the bottom of the browser window

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;
  }
</style>

My Menu

Example 0: Faking the layout with a background image