Loading...
 
Skip to main content

Features / Usability

Forum List Topic List

 
Thread actions
Print this page
  • Print all pages

    • Column widths

    Posted by xia posts: 14 New Zealand
    Is there a way of controlling the column widths independently? I want the right column to be narrower than the left column.
    Reads: 1406
    Posted by Sridhar Katakam posts: 78 India

    /styles/

    open your .css and edit the width value in following:

    Image
    Copy to clipboard
    #rightcolumn {
	width : 180px;
	padding : 0px;
	border-left : 1px solid #8CACBB;
}


    > Is there a way of controlling the column widths independently? I want the right column to be narrower than the left column.

    Posted by xia posts: 14 New Zealand

    that doesn't work because the widths of the boxes are set here..

    Image
    Copy to clipboard
    div.box {  
  background-color: white;
  margin: 4px;
  border: 1px solid #8CACBB; 
	overflow: hidden; 
  width: 190px;
}

    Posted by Gary Cunningham-Lee posts: 4673 Japan

    > that doesn't work because the widths of the boxes are set here..
    >

    > Image
    Copy to clipboard
    div.box {  
>   background-color: white;
>   margin: 4px;
>   border: 1px solid #8CACBB; 
> 	overflow: hidden; 
>   width: 190px;
> }
>


    Change that width to 100%, along with any other pixel widths that may be in the div. box style. I did this with the moreneat theme, and changed the column widths to 200px and 150px, just to test, and got the result you want.

    -- Gary

    Posted by xia posts: 14 New Zealand
    great.. thanks!!

    Posted by Sridhar Katakam posts: 78 India
    also, there are these styles that might affect: TD#leftcolumn, TD#rightcolumn