One column with content on the top and menu at the bottom, and margin in between : One Column « Layout

   



<?xml version="1.0" encoding="utf-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

        "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

  <meta http-equiv="content-type" content="text/html; charset=utf-8" />

  <title></title>

  <style type="text/css">

#content {

  padding: 20px 10px 10px 80px;

  margin-top: 5px;

  margin-bottom: 5px;

  margin-right: auto;

  margin-left: auto;

  background-color: #fff;

  border: 1px solid #000;

  width: 70%;

}

#navBar {

  padding: 0px 10px 0px 10px;

  margin-top: 0px;

  margin-bottom: 5px;

  margin-right: auto;

  margin-left: auto;

  background-color: #fff;

  border-top: 1px solid #000;

  border-bottom: 1px solid #000;

  border-left: 1px solid #000;

  border-right: 1px solid #000;

  width: 70%;

  text-align: right;

}

  </style>

</head>





<body>

  <div id="content">

  this is a test. this is a test. this is a test. this is a test. this is a test. 

  this is a test. this is a test. this is a test. this is a test. this is a test. 

  this is a test. this is a test. this is a test. this is a test. this is a test. 

  this is a test. this is a test. this is a test. this is a test. this is a test. 

  this is a test. this is a test. this is a test. this is a test. this is a test. 

  </div>

  <div id="navBar">

  &lt;back |home |next&gt;

  </div>

</body>







</html>

One column with content on the top and menu at the bottom, and margin in between : One Column « Layout « HTML / CSS