Two column layout problem

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
User avatar
Neo
Forum Members
Forum Members
Posts: 62
Joined: Thu Jan 18, 2007 1:09 am

Two column layout problem

Post 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
cyberman

Re: Two column layout problem

Post 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  ;).
User avatar
Neo
Forum Members
Forum Members
Posts: 62
Joined: Thu Jan 18, 2007 1:09 am

Re: Two column layout problem

Post by Neo »

Hi cyberman..
          Thanks a lot. It fixed the problem  :)

Neo
Post Reply

Return to “Layout and Design (CSS & HTML)”