X-Cart forums

[dwpers]

Hi,

I'm trying to see if making my site from a fluid design to a fixed width will help with my long product names almost running into each other, as well as my product displays getting cutoff for lower screen resolutions.

If I wanted to make my site centered and a fixed width, say 960px wide (I love the 960.gs framework look), how would I go about doing this?

My site is here: http://www.royalepro.com

My goal is to get it 960px wide, centered, and have my products not look like the titles are running into each other almost. I'm also debating on having a tab menu in the green divider under the logo where the search bar used to be (now relocated under the speed bar).

You guys have been very helpful thus far, I appreciate it, thanks!

EDIT: I should probably also state that I've been using Firebug to try to see how to do this, but I'm getting the menu's on the left and right overlapping because they're floating divs.

[pauldodman]

To change it from full width to fixed, edit skin1/main.css

Look for:
#page-container {
min-height: 100%;
position: relative;
}

and change it to:

#page-container { margin: 10pt auto 0; position: relative; width: 960px; min-height: 100% }

[dwpers]

Thank you pauldodman