CSS Menu Color is changing in Safari?

programming web dev
1

Everything looks great on IE. Mozilla, and Opera… but when I checked it out on Safari it turn by nice red to green:crying:

heres a link:
http://www.cabinetsavers.biz/test

the style sheet is here:
http://www.cabinetsavers.biz/test/style.css

Thanks in advance for any advice!

Nick

2

It’s because you’re not using proper xhtml.

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”> is your doctype but your site is pretty far from being strict… you are using TD background color (btw that’s whats screwing up safari) and a bunch of other things that wont validate …

click this link to see all the errors.

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.cabinetsavers.biz%2Ftest%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

Apart from invalid xhtml, you also have invalid CSS.

Check this one out for example;
background:#66000;

R:66 G:00 B:0 ? :open_mouth: missed a zero there etc.

3

Thanks very much… I am obviously new at this :wink: I never knew that site even exisisted! Not only did you help me with this problem, this will help solve many more in the future. One question though… I just grabbed this doctype from some random page (i know…lol) what do you think is a good place to learn about doctypes? Thanks again.

4

Quite frankly, the only two doctypes you will need to worry about is strict and transitional xhtml. You were using strict, which is the most “hardcore” of the two. very unforgiving, but also very clean and functional. Transitional allows you some more freedom…

google “xhtml doctypes” and you’ll see the ones you have to pick from.

5

Cool… one last thing. Did you run the style.css through a scan also to find that messed up hex code?

6

No, I saw that through firebug :wink: