Page 1 of 1

Two column layout problem

Posted: Mon Feb 05, 2007 7:06 pm
by Neo
Hi all,
    I am trying to figure out how to design a two column layout website using CMSMS. I used the code below in the CSS.

Code: Select all

div#main {
        position:relative;
        float: left;
        margin-left: 2%; /* this will give room for sidebar to be on the left side, make sure this space is   bigger than sidebar width */
        line-height:1.5;
        width:73%;
        padding: 1% 0 0 0;
    }
    div#right{
        position: relative;
        float: right;
        margin-top: 5%;
        width: 200px;
        margin: 10px 0 0 0;
        padding: 0px;
    }
Not sure if this is the correct way to design the CSS for two column layout because when i'm maximizing or minimizing the browser all the alignment goes off.

Another problem I am facing is that the column on the right needs to have different content in different pages.  :( So how do I implement this. Do we have a tag {rightcontent} like {content}? Also, how do I add text to the right columns after I implement this in the template?

It would be great if someone can help me out in this.

Thanks in advance,
Neo

Re: Two column layout problem

Posted: Mon Feb 05, 2007 7:09 pm
by cyberman
Neo wrote: Do we have a tag {rightcontent} like {content}?
Please try {content block="right"} - you will see a second edit area on page creation  ;).

Re: Two column layout problem

Posted: Mon Feb 05, 2007 7:57 pm
by Neo
Hi cyberman..
          Thanks a lot. It fixed the problem  :)

Neo