3 columns

Making 3 columns on a page is easy.

1. Click on 'Embed Widget' and click 'Other HTML'.
2. Paste the code into the box. Please don't copy the code below as I have put line breaks in to fit it onto this page. Copy the code from here.
<html>
<head>
<title>Three Column CSS Layout</title>
<style type="text/css">
 
body
{ margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
 
#left {
  position: absolute;
  left: 5px;
  padding: 0px;
  top: 0px;
  width: 270px;
}
 
#center {
  margin-left: 290px;
  padding: 0px;
  margin-right: 320px;
  top: 0px;
}
#right {
  position: absolute;
  background-color: #CCCCCC;
  right: 15px;
  padding: 0px;
  top: 0px;
  width: 290px;
}
</style>
</head>
 
<body>
 
<div id="left">
 
Your left column will go here.  You can place images, text links, etc. in this div.  To change the properties of this div you can
change the #left selector in the style sheet that is located on this page between the head tags.
 
</div>
 
 
<div id="center">
The centre column will go here.  This section is fluid so that if the window is collapsed, your div will collapse also and
fit the screen perfectly.  To change the properties of this div you can change the #center selector in the style sheet
that is located on this page between the head tags.
</div>
 
<div id="right">
 
Your right column will go here.  You can place images, text links, etc. in this div.  To change the properties of this div
you can change the #right selector in the style sheet that is located on this page between the head tags.
 
</div>
 
</body>
</html>
 
 
3. This is simple HTML. Where I have written text in each column, you will replace it with your own text. However you will have to do all this editing inside the 'Other HTML' box, not directly onto the wiki page.

Click here to see an example of what the code above looks like.