Links Here

Center Floated Box

Easy template to construct. It is just simple three main divs which form the top bar, content section and bottom bar. The top and bottom bars have a width of 100% and the content bar has a width of 600px, although it may be better to give this a percentage width.

By the way, I have used overflow:auto; for the content box, just for convenience but it actually adds something, yah?

    #bar-top {
      width: 100%; 
      height: 30px; 
      background: #c0c0c0;
      color: #333333; 
      border: solid #000000; 
      border-width: 2px 0;
      margin: 0;
      }

    #bar-bottom {
      width: 100%; 
      height: 30px;
      position:relative; 
      background: #c0c0c0; 
      color: #333333;
      border: solid #000000; 
      border-width: 2px 0;
      }

    #content {
      width: 600px; 
      height: 450px;
      position: relative;
      border: solid #000000; 
      border-width: 0px 2px; 
      background: #ffffff;
      color: #333333;
      overflow:auto;
      }

Copyright ?