One column with two DIV section : One Column : Layout HTML CSS TUTORIALS


HTML CSS TUTORIALS » Layout » One Column »

 

One column with two DIV section


 



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/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" media="screen">
#wrapper 
 width: 922px;
}
#header {
 width: 900px;
 color: #333;
 padding: 10px;
 border: 1px solid #ccc;
 height: 100px;
 margin: 10px 0px 5px 0px;
 background-color:#F3F2ED;
}
#content 
 width: 900px;
 color: #333;
 border: 1px solid #ccc;
 background:#eee;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 height: 350px;
}
  </style>
</head>

<body>

<div id="wrapper">
  
  <div id="header"><h1><a href="">this is a test. </a></h1></div>
  
  
  <div id="content"> This is the content </div>
  
</div>

</body>
</html>

 



HTML code for linking to this page:

Follow Navioo On Twitter

HTML CSS TUTORIALS

 Navioo Layout
» One Column