Centering Catalog Content

Question

Greetings!
When a customer does a search, if they get a result that is three items (on a page that will fit four across), then the product search results displays them centered.
Is there a way to do this with a catalog page? This appears to be built with a table, but is there a way to center the table?

Answer 1

HI Chris,
if you inspect one of the products suing firebug you'll find that this is how the product code is rendered:
If you then have a look at the CSS section while this product LI is clicked you'll find this is the code that affects the products:
ul.productSmall li {
    float: left;    height: 250px;
    margin: 0 auto;
    padding: 0 14px 15px;
    text-align: center;
    width: 180px;
That code resides in Orders.css. The float:left property you see above is responsible for stacking the products like this |<- <- <- <-
If you disable that float property your products will render in a single column in the center of the page.
Cheers,
mario