[Altair]

Three Column template. 
No attribution needed. 
Preview: http://justaparadox.com/columnlayout.html

Code:

<style>
   
   body{
margin:0;
padding:0;
color:#000;
   }
   
   
   .header{

color:#fff;
background:#999;
padding:30px;
position: fixed;
width:100%;
   }
   
   .main{

background:transparent url(http://orig09.deviantart.net/d6e6/f/2015/003/b/d/white_background_by_funkichkn-d8ceprb.jpg)
repeat-x 0 0;


padding:28.2px;
overflow: scroll;
font-family: "Arial";
line-height: 13.3px;
font-size: 12.5px;

   }
   
   .inner-main{

padding:10px;
width:100%;
   }
   
   
   
   .columnsfit{

width:27.111%;
margin:0;
float:left;
padding:28px;
height: auto;
border-left: 1.5px dashed #000;
border-right: 1.5px dashed #000;
  }
   
   
   .columnsfit2{


width:29.23%;
margin:0;
float:left;
padding:28px;
height: auto;

border-right: 1.5px dashed #000;


   }
   
   
   .columnsfit3{

width:27.111%;
margin:0;
float:left;
padding:28px;
height: auto;
border-right: 1.5px dashed #000;


   }
   
   .footer{
clear:both;
   }
   
   
   
   /* here here*/
   










</style>
<div class="header"></div>
<div class="main">
   <div class="inner-main">

   <div class="columnsfit">

<h2>Header</h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer convallis quis nulla ut malesuada. Nullam ullamcorper neque sed lacus lacinia egestas. Nullam malesuada mattis purus sit amet malesuada. Etiam porta a ligula eu feugiat. Mauris interdum ut odio nec posuere. Integer quam risus, egestas nec nibh ac, convallis tempor quam. Fusce elementum ex sem, hendrerit aliquet nunc tincidunt sed. Quisque ullamcorper orci mauris, eget aliquam ante pretium eu. Vestibulum ac tortor finibus, accumsan urna elementum, congue nulla. Nulla at ante quis erat pretium tincidunt sed sit amet justo. Duis eu nibh a sapien pellentesque interdum vel nec orci. Pellentesque facilisis risus quis justo bibendum auctor. Vestibulum sit amet nulla tellus. Pellentesque dapibus, ligula eget luctus dapibus, urna est luctus orci, vel vulputate nunc lectus sit amet risus. Sed eget porta lectus, eget blandit dolor.

Suspendisse ac congue mauris. Maecenas semper pulvinar risus, in commodo lectus maximus scelerisque. Sed eget semper nunc.
Etiam ut aliquam nisi. Ut vehicula volutpat sollicitudin. Proin suscipit, eros nec porttitor venenatis, orci massa laoreet nulla, a congue nisi augue non augue. Nam ultricies tincidunt pellentesque. Donec purus leo, bibendum id egestas sit amet, posuere nec urna.

Maecenas tristique, nunc quis luctus auctor, lectus ligula accumsan enim, quis tincidunt erat urna in neque. Quisque a diam enim. Aliquam eget diam vitae dui porttitor finibus. Curabitur suscipit neque vitae mauris dictum, ac aliquam sapien faucibus. Etiam eleifend libero arcu, id tristique lorem elementum tincidunt. Fusce ac massa luctus, venenatis quam sed, fringilla enim. Aenean leo diam, scelerisque efficitur elit vel, pellentesque posuere turpis. Pellentesque sed elit nulla. Curabitur odio lorem, ultrices in tincidunt vel, sodales quis lectus. Nam felis nisl, tempus eget arcu sit amet, semper consectetur enim. Duis sodales enim in ipsum pharetra pharetra.
Suspendisse ac congue mauris. Maecenas semper pulvinar risus, in commodo lectus maximus scelerisque. Sed eget semper nunc.
Etiam ut aliquam nisi. Ut vehicula volutpat sollicitudin. Proin suscipit, eros nec porttitor venenatis, orci massa laoreet nulla, a congue nisi augue non augue. Nam ultricies tincidunt pellentesque. Donec purus leo, bibendum id egestas sit amet, posuere nec urna.

Suspendisse ac congue mauris. Maecenas semper pulvinar risus, in commodo lectus maximus scelerisque. Sed eget semper nunc.
Etiam ut aliquam nisi. Ut vehicula volutpat sollicitudin. Proin suscipit, eros nec porttitor venenatis, orci massa laoreet nulla, a congue nisi augue non augue. Nam ultricies tincidunt pellentesque. Donec purus leo, bibendum id egestas sit amet, posuere nec urna.

Suspendisse ac congue mauris. Maecenas semper pulvinar risus, in commodo lectus maximus scelerisque. Sed eget semper nunc.
Etiam ut aliquam nisi. Ut vehicula volutpat sollicitudin. Proin suscipit, eros nec porttitor venenatis, orci massa laoreet nulla, a congue nisi augue non augue. Nam ultricies tincidunt pellentesque. Donec purus leo, bibendum id egestas sit amet, posuere nec urna.

Suspendisse ac congue mauris. Maecenas semper pulvinar risus, in commodo lectus maximus scelerisque. Sed eget semper nunc.
Etiam ut aliquam nisi. Ut vehicula volutpat sollicitudin. Proin suscipit, eros nec porttitor venenatis, orci massa laoreet nulla, a congue nisi augue non augue. Nam ultricies tincidunt pellentesque. Donec purus leo, bibendum id egestas sit amet, posuere nec urna.



   </div>
   
    <div class="columnsfit2">

<h2>Header</h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer convallis quis nulla ut malesuada. Nullam ullamcorper neque sed lacus lacinia egestas. Nullam malesuada mattis purus sit amet malesuada. Etiam porta a ligula eu feugiat. Mauris interdum ut odio nec posuere. Integer quam risus, egestas nec nibh ac, convallis tempor quam. Fusce elementum ex sem, hendrerit aliquet nunc tincidunt sed. Quisque ullamcorper orci mauris, eget aliquam ante pretium eu. Vestibulum ac tortor finibus, accumsan urna elementum, congue nulla. Nulla at ante quis erat pretium tincidunt sed sit amet justo. Duis eu nibh a sapien pellentesque interdum vel nec orci. Pellentesque facilisis risus quis justo bibendum auctor. Vestibulum sit amet nulla tellus. Pellentesque dapibus, ligula eget luctus dapibus, urna est luctus orci, vel vulputate nunc lectus sit amet risus. Sed eget porta lectus, eget blandit dolor.

Suspendisse ac congue mauris. Maecenas semper pulvinar risus, in commodo lectus maximus scelerisque. Sed eget semper nunc.
Etiam ut aliquam nisi. Ut vehicula volutpat sollicitudin. Proin suscipit, eros nec porttitor venenatis, orci massa laoreet nulla, a congue nisi augue non augue. Nam ultricies tincidunt pellentesque. Donec purus leo, bibendum id egestas sit amet, posuere nec urna.

Maecenas tristique, nunc quis luctus auctor, lectus ligula accumsan enim, quis tincidunt erat urna in neque. Quisque a diam enim. Aliquam eget diam vitae dui porttitor finibus. Curabitur suscipit neque vitae mauris dictum, ac aliquam sapien faucibus. Etiam eleifend libero arcu, id tristique lorem elementum tincidunt. Fusce ac massa luctus, venenatis quam sed, fringilla enim. Aenean leo diam, scelerisque efficitur elit vel, pellentesque posuere turpis. Pellentesque sed elit nulla. Curabitur odio lorem, ultrices in tincidunt vel, sodales quis lectus. Nam felis nisl, tempus eget arcu sit amet, semper consectetur enim. Duis sodales enim in ipsum pharetra pharetra.
Suspendisse ac congue mauris. Maecenas semper pulvinar risus, in commodo lectus maximus scelerisque. Sed eget semper nunc.
Etiam ut aliquam nisi. Ut vehicula volutpat sollicitudin. Proin suscipit, eros nec porttitor venenatis, orci massa laoreet nulla, a congue nisi augue non augue. Nam ultricies tincidunt pellentesque. Donec purus leo, bibendum id egestas sit amet, posuere nec urna.

Suspendisse ac congue mauris. Maecenas semper pulvinar risus, in commodo lectus maximus scelerisque. Sed eget semper nunc.
Etiam ut aliquam nisi. Ut vehicula volutpat sollicitudin. Proin suscipit, eros nec porttitor venenatis, orci massa laoreet nulla, a congue nisi augue non augue. Nam ultricies tincidunt pellentesque. Donec purus leo, bibendum id egestas sit amet, posuere nec urna.




   </div>
   
   
     <div class="columnsfit3">

<h2>Header</h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer convallis quis nulla ut malesuada. Nullam ullamcorper neque sed lacus lacinia egestas. Nullam malesuada mattis purus sit amet malesuada. Etiam porta a ligula eu feugiat. Mauris interdum ut odio nec posuere. Integer quam risus, egestas nec nibh ac, convallis tempor quam. Fusce elementum ex sem, hendrerit aliquet nunc tincidunt sed. Quisque ullamcorper orci mauris, eget aliquam ante pretium eu. Vestibulum ac tortor finibus, accumsan urna elementum, congue nulla. Nulla at ante quis erat pretium tincidunt sed sit amet justo. Duis eu nibh a sapien pellentesque interdum vel nec orci. Pellentesque facilisis risus quis justo bibendum auctor. Vestibulum sit amet nulla tellus. Pellentesque dapibus, ligula eget luctus dapibus, urna est luctus orci, vel vulputate nunc lectus sit amet risus. Sed eget porta lectus, eget blandit dolor.

Suspendisse ac congue mauris. Maecenas semper pulvinar risus, in commodo lectus maximus scelerisque. Sed eget semper nunc.
Etiam ut aliquam nisi. Ut vehicula volutpat sollicitudin. Proin suscipit, eros nec porttitor venenatis, orci massa laoreet nulla, a congue nisi augue non augue. Nam ultricies tincidunt pellentesque. Donec purus leo, bibendum id egestas sit amet, posuere nec urna.

Maecenas tristique, nunc quis luctus auctor, lectus ligula accumsan enim, quis tincidunt erat urna in neque. Quisque a diam enim. Aliquam eget diam vitae dui porttitor finibus. Curabitur suscipit neque vitae mauris dictum, ac aliquam sapien faucibus. Etiam eleifend libero arcu, id tristique lorem elementum tincidunt. Fusce ac massa luctus, venenatis quam sed, fringilla enim. Aenean leo diam, scelerisque efficitur elit vel, pellentesque posuere turpis. Pellentesque sed elit nulla. Curabitur odio lorem, ultrices in tincidunt vel, sodales quis lectus. Nam felis nisl, tempus eget arcu sit amet, semper consectetur enim. Duis sodales enim in ipsum pharetra pharetra.
Suspendisse ac congue mauris. Maecenas semper pulvinar risus, in commodo lectus maximus scelerisque. Sed eget semper nunc.
Etiam ut aliquam nisi. Ut vehicula volutpat sollicitudin. Proin suscipit, eros nec porttitor venenatis, orci massa laoreet nulla, a congue nisi augue non augue. Nam ultricies tincidunt pellentesque. Donec purus leo, bibendum id egestas sit amet, posuere nec urna.




   </div>

   </div>
   
   <div class="footer">

   </div>
   </div>
                                       <!-- -->