65degreesmusiccafe Posted August 24, 2010 Posted August 24, 2010 Hey guys, just wanting to use your infinitely helpful powers to deduce why Stylesheets are working for my site in Google Chrome, but not in Firefox and IE: http://www.65degrees.com.au/catalog Let me know if you have any ideas. It's a fairly frustrating problem. Any help would be much appreciated. Cheers, -Lachlan.
chadcloman Posted August 24, 2010 Posted August 24, 2010 Saying that your style sheet doesn't work is somewhat vague. What, specifically, is not working? Check out Chad's News.
65degreesmusiccafe Posted August 24, 2010 Author Posted August 24, 2010 Sorry, I mean that my CSS Stylesheet is not loading/being applied to my Oscommerce site in IE or Firefox.
chadcloman Posted August 24, 2010 Posted August 24, 2010 Sorry, I mean that my CSS Stylesheet is not loading/being applied to my Oscommerce site in IE or Firefox. I'm still not clear on this, because the page looks the same for me in both Firefox and Chrome. And the FireBug extension tells me your style sheet is loading okay in Firefox. So how do you know the style sheet isn't being loaded/applied? Check out Chad's News.
65degreesmusiccafe Posted August 24, 2010 Author Posted August 24, 2010 I'm still not clear on this, because the page looks the same for me in both Firefox and Chrome. And the FireBug extension tells me your style sheet is loading okay in Firefox. So how do you know the style sheet isn't being loaded/applied? Really? Hmm. The most obvious indicator was that the font-type is loading as a rather-large Times New Roman when it should be Verdana (specifically in the 'main' middle frame - the sidebars seem to be styled okay).
a.forever Posted August 24, 2010 Posted August 24, 2010 It does look like Times New Roman on IE8. After reviewing your stylesheet.css, there are some nit-picky errors in your CSS file: BODY background-image : url(http://www.65degrees.com.au/images/65degrees-background.jpg); should be background-image : url('http://www.65degrees.com.au/images/65degrees-background.jpg'); A.headerNavigation <!-- Sets the text link colors for the breadcrumb navigation path links (Top Catalog etc.) --> should be /* Sets the text link colors for the breadcrumb navigation path links (Top Catalog etc.) */ TD.FOOTER font-size: 10px;; should be font-size: 10px; And repeated errors: <!-- Sets the background border color around all the boxes and not the box headings except the "my account", "edit account", and "add a new address" boxes. --> <!-- Sets the color of ALL the inside of the boxes and puts a colored border around the comments boxes. --> <!-- Sets the left and right column boxes and the new products box heading color and text color. --> <!-- The color of the background of the product listing heading that has "product name", "price", etc. The text style and color can also be set. --> <!-- The style used for page headings. Color on the checkout_success.php page that says "Your Order Has Been Processed!" and also on all the product heading pages as What's New Here? Enjoy Your Shopping! Text on all the product pages. --> should be /* Sets the background border color around all the boxes and not the box headings except the "my account", "edit account", and "add a new address" boxes. */ /* Sets the color of ALL the inside of the boxes and puts a colored border around the comments boxes. */ /* Sets the left and right column boxes and the new products box heading color and text color. */ /* The color of the background of the product listing heading that has "product name", "price", etc. The text style and color can also be set. */ /* The style used for page headings. Color on the checkout_success.php page that says "Your Order Has Been Processed!" and also on all the product heading pages as What's New Here? Enjoy Your Shopping! Text on all the product pages. */ You're commenting out like HTML when you should comment out like CSS. Fix those and recheck.
65degreesmusiccafe Posted August 24, 2010 Author Posted August 24, 2010 Thank you kindly, fixing those errors seemed to fix the stylesheet appearance. I am very, very happy. Cheers!
chadcloman Posted August 24, 2010 Posted August 24, 2010 You may want to try the official W3C CSS Validator to find these types of problem. Check out Chad's News.
Recommended Posts
Archived
This topic is now archived and is closed to further replies.