Header and three columns under : three Columns : Layout HTML CSS TUTORIALS


HTML CSS TUTORIALS » Layout » three Columns »

 

Header and three columns under


 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html><head><title></title>

<style type="text/css">
  #leftcontent {
    position: absolute;
    left:10px;
    top:50px;
    width:200px;
    background:#fff;
    border:1px solid #000;
  }

  #centercontent {
    background:#fff;
       margin-left: 199px;
       margin-right:199px;
    border:1px solid #000;
       margin-left: 201px;
       margin-right:201px;
    }
  #rightcontent {
    position: absolute;
    right:10px;
    top:50px;
    width:200px;
    background:#fff;
    border:1px solid #000;
    }
  
  #banner {
    background:#fff;
    height:40px;
    border-top:1px solid #000;
    border-right:1px solid #000;
    border-left:1px solid #000;
    height:39px;
    }
  html>body #banner {
    height:39px;
  }
</style>
</head><body>
<div id="banner">This is a test. </h1></div>
<div id="leftcontent">
  <h1>leftcontent</h1>
  <p class="greek">
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.   </p>
</div>

<div id="centercontent">
  <h1>centercontent</h1>
  <p class="greek">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.  
  </p>
  <br />
</div>

<div id="rightcontent">
  <h1>rightcontent</h1>

  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>

</body>
</html>

 



HTML code for linking to this page:

Follow Navioo On Twitter

HTML CSS TUTORIALS

 Navioo Layout
» three Columns