Solved

Can't Center in Webkit (Safari/Chrome)

Posted on 2008-10-02
5
827 Views
Last Modified: 2012-05-05
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

0
Comment
Question by:lowpriceskates
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 2
5 Comments
 
LVL 7

Expert Comment

by:Brad Dobyns, CSM
ID: 22628464
Try this:


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

Open in new window

0
 
LVL 7

Accepted Solution

by:
Brad Dobyns, CSM earned 250 total points
ID: 22628536
If that doesn't work, try this:


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

Open in new window

0
 

Author Comment

by:lowpriceskates
ID: 22628612
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.
0
 

Author Closing Comment

by:lowpriceskates
ID: 31502510
Yes, great. Thank you!
0
 
LVL 7

Expert Comment

by:Brad Dobyns, CSM
ID: 22628688
Thanks for the points.
0

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
This article discusses how to create an extensible mechanism for linked drop downs.
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…

687 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question