Loading...
 
Skip to main content

Features / Usability

Forum List Topic List

 
Thread actions
Print this page
  • Print all pages

    • Column widths

    Posted by xia
    Is there a way of controlling the column widths independently? I want the right column to be narrower than the left column.
    Reads: 1712
    Posted by Sridhar Katakam
    also, there are these styles that might affect: TD#leftcolumn, TD#rightcolumn

    Posted by Sridhar Katakam

    /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

    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

    > 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
    great.. thanks!!