Middle Column width not set

[Andi98640]

I am playing with a new template.
It is template 241.
The Main content has a right, left and center.
The center is not a fixed width, nor does it have text wrapping.
If you go to my page
http://zentest.jellybeanfabrics.com/...ain_page=index
You can see what it is supposed to look like.
If you click on events, where I was just playing you can see it smashes the right and left side.
Conversely
If you look at Retreats which is just one word.
The right column has moved into the middle of the page.

Is there a way to make the center column static?

[gjh42]

The left column has a defined width in the stylesheet, but the right column does not.
You could add to your stylesheet

.columnRight {
    padding: 10px;
    width: 180px;
    }

or you could go into admin > Configuration > Layout Settings > Column Width - Right
and set this as desired.

[Andi98640]

Thank you so much!

[Andi98640]

I changed my location of my website and now even with the code, and changing the layout settings my left sidebar is being squished.
Is there another way to set the side?
http://www.jellybeanfabrics.com

[gjh42]

What is happening is that two factors are colliding.
The category name "Fabric by the 1/2 Yard" is very long and occupies the whole line, and you have the numbers positioned absolutely so that they do not take up any space in the page layout. When they visually overlap, there is no mechanism for them to shift to avoid each other.

#categoriesContent em, #documentcategoriesContent em {
position: absolute;
right: 10px;
}

There is currently no element or combination in your code that can be used to reliably get the layout you want and avoid collisions. Categories Dressing may be able to provide the necessary compartmentation to do it.

[Andi98640]

So I changed a few things and now my left column is set and my catergories are all fine.
But now the sidebox goes outside the main. http://jellybeanfabrics.com/index.ph...page=page&id=5
What can I do to fix this?
I appreciate all this help. I love my site.

[gjh42]

You can't use more space than is available without breaking the layout.

.centerColumn {
background-image: url("../images/MenuRightHeader.gif");
background-repeat: no-repeat;
padding-top: 10px;
width: 500px;
}

Change the 500px to 480px.

[Andi98640]

PERFECT!
Happy Holidays!