Grow your CSS skills. Land your dream job.

colored background does not work in Safari, and wrong font

  • # October 23, 2009 at 11:14 am

    I recently released a redesign for our website, and as a PC user had tested the site design in IE and FF, but not Safari. I have now discovered that Safari does not apply the background color to the body: body {background: #003300;}, and does not apply the font-face and font size either: body {font-family: Arial, Helvetica, sans-serif; font-size: 62.5%;} The font sizes applied in CSS are in ems.

    The website is http://www.CarolinaTigerRescue.org, and the stylesheet is http://www.CarolinaTigerRescue.org/cptstyle.css.

    There is a reset file called in the CSS, but the reset file isn’t actually available, and when I uploaded the reset file to the site, it messed up my paragraph spacing, so for now it is not there.

    Suggestions?

    Gratefully, Amanda

    Carolina Tiger Rescue IT Adminsitrator

    # October 23, 2009 at 12:40 pm

    Remove this line from the stylesheet:

    Code:
    @charset “UTF-8″;

    EDIT.
    You can run Safari on windows http://www.apple.com/safari/download/

    # October 23, 2009 at 12:48 pm

    Looks like you have a couple extra spaces in front of your @charset line in your css. If you make the "@" the first character in the file, it’ll fix your issues.

    As for the issues with the paragraphs when you add the reset, yes, the reset will do that. It primarily resets margins and padding on all elements. If you use it and want spacing in between paragraphs, you’ll need to add that to your CSS file:

    Code:
    p { bottom margin or padding here }

    Best of luck with your organization BTW… I occasionally volunteer/do web design work for the Kirshner Wildlife Foundation in my local area (Chico, CA). They work with big and small cats and a variety of local animals, probably doing similar things to your organization. http://www.falkencreative.com/portfolio … o-kirshner

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".