asked on

Can't Center in Webkit (Safari/Chrome)

I am using a shopping cart system and there is a table within a div for using star ratings of procucts.
The stars center properly in Firefox and IE, but not in Safari or Chrome (which uses Apple Webkit).
I cannot figure out how to center the stars. I do not have access to the main code of the cart, so this can only be changed with CSS.
Thank you!

Example:
http://www.lowpriceskates.com/lil-angel.aspx

(the stars are on the right above the price and below the product name)

<div class="prod-detail-rating"><table cellpadding="0" cellspacing="0" class="rating-container"><tr><td><img alt="rating" src="/themes/lps1/images/layout/rating-full.gif" /></td><td><img alt="rating" src="/themes/lps1/images/layout/rating-full.gif" /></td><td><img alt="rating" src="/themes/lps1/images/layout/rating-full.gif" /></td><td><img alt="rating" src="/themes/lps1/images/layout/rating-full.gif" /></td><td><img alt="rating" src="/themes/lps1/images/layout/rating-full.gif" /></td></tr></table> </div>

Open in new window

Brad Dobyns, CSM

Try this:

/* SAFARI-ONLY POSITIONING */
	/*\*/
	html>body* .rating-container {display:block;}
	/**/

Open in new window

ASKER CERTIFIED SOLUTION

Brad Dobyns, CSM

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

lowpriceskates

ASKER

That does not work.
I also tried putting a table in front (table.rating-container) and also using the div name (prod-detail-rating), but none of that did any good.

lowpriceskates

ASKER

Yes, great. Thank you!

Brad Dobyns, CSM

Thanks for the points.