Centered Liquid Layout

Binettoid

Hi I am trying to do someting pretty simple, but am new to TeamSite (7.1) and am struggling. I might be confusing a couple of issues here, so any advice is appreciated.

I have a standard 960 grid layout for my site but it needs to be centered so that when people resize their browser it sits in the middle.
I've achieved this to some degree by using no widths in my custom layout and letting my CSS sort it out. This works but breaks the rest of my layout, with things placed in a fixed-wdth central content column stacking up in a column when they should be filling the space to the edges.
The only way to make this work is to add in widths to areas. This defeats the purpose of having a liquid layout - for me anyway.
I have a fairly complex CSS as my site uses no tables.
There must be a good/right way to do this. Can anyone help?

Murugan_P

Hi I am trying to do someting pretty simple, but am new to TeamSite (7.1) and am struggling. I might be confusing a couple of issues here, so any advice is appreciated. I have a standard 960 grid layout for my site but it needs to be centered so that when people resize their browser it sits in the middle. I've achieved this to some degree by using no widths in my custom layout and letting my CSS sort it out. This works but breaks the rest of my layout, with things placed in a fixed-wdth central content column stacking up in a column when they should be filling the space to the edges. The only way to make this work is to add in widths to areas. This defeats the purpose of having a liquid layout - for me anyway. I have a fairly complex CSS as my site uses no tables. There must be a good/right way to do this. Can anyone help?

Try to select the 'Center align all components on page' checkbox under Layout options of Page Settings.

HTH.

Thnak,
Murugan