Page 1 of 1

Re: Newbie want to create a clean 3 columm layout...

Posted: Thu Feb 21, 2008 9:01 am
by RonnyK
This is a small change on the "Layout: Top menu + 2 columns" that comes with the installation.

In the template:
 
 

     
     
     
     

   
   
   
   

     
     
        {title}
        {content}

     
     
     

 
 
In the stylesheet:
div#content {
  clear:both;     
  padding-top: 3px;
  padding-bottom: 3px;
}

div#leftsidebar {
  float: left;
  margin-left: 0px;
  margin-right: 0px;
  width: 120px; 
  padding:  0px 2px;
}

div#rightsidebar {
  float: right;
  margin-left: 0px;
  margin-right: 0px;
  width: 120px; 
  padding:  0px 2px;
}

div#main {
  margin-left: 125px;
  margin-right: 125px;
  padding: 0px;
}
where the margin-left and margin-right for the div#main is used to squeeze it between the left/right column. You could use percentages as well to make it fluid...

Ronny

Re: Newbie want to create a clean 3 columm layout...

Posted: Sat Feb 23, 2008 6:02 pm
by Dr.CSS
There are also some wireframe templates here...

http://themes.cmsmadesimple.org/Theme_Frameworks.html