Safari CSS H1 font color ignored - when will Apple fix simple CSS rendering

I've never had a problem with Safari not rendering CSS for H1 elements, or anything else along those lines.

Here's a test page I just set up using your CSS snippet:

http://home.comcast.net/~rmrshop/testh1css.html

In my Safari, the headline (H1) is white against the purple page background, as the CSS specifies:

Do you have a live page where this is not working for you? Can you provide a link, so others try to determine what the problem is?

Your problem is here:

P I {
color: #99FF00;
font-style: italic;
: 1px 1px 1px 1px }
H1, H2, H3, H4 {
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
}

That bit I've highlighted in red isn't valid, and so the stylesheet isn't being read any more beyond that point, thus dropping the header styling that follows.

I tested that by uploading the HTML and CSS files to the following link (minus images, obviously) and just omitting that one invalid line of CSS:

http://home.comcast.net/~rmrshop/test2h1css.htm

As you can see, the headers are now white, as desired. Apparently Safari is being fussier about the invalid line of code and balking at that point, while other browsers are being more forgiving.

I'm guessing that line of code just has a property name dropped, perhaps "margin" or "padding"?

A good way to catch problems like this is to check your pages using the W3C HTML validator and CSS validator. The CSS validator catches this error.

15" MacBook Pro 2.0GHz/100GB (7200rpm)/2GB RAM; Windows XP Pro on Parallels Mac OS X (10.4.8) 400MHz G4 (Sawtooth); Airport network; 60GB iPod photo; Dell-in-the-Closet

You're welcome. I'm glad I was able to help sort it out. I know how frustrating these things can be.

Safari tends to be a little fussier about some things than most browsers - which can be useful, in fact.

😉

I have debugged this many
times,

I'm curious -- do the standard validators we all use not catch that kind of error?

Hi Tom. Somewhere in the posts above I mentioned that the W3C CSS validator does catch the error.

[Edit: Ah - now that petethelen has fixed the error on the live page, the validator shows no errors, of course. But it did catch that error - and no other CSS errors - when the invalid line of code was still in the style sheet.]

Hi Tom. Somewhere in the posts above I mentioned that
the W3C CSS validator does catch the
error

Thanks, good to know.