External stylesheet is not working

[Mo]

I'm trying out the php shoppingcart tutorial, Paypal-4-building-the-catalog-page.mov

In index.php in the head

main.css

@CHARSET "UTF-8";

*

{

margin: 0 0;

padding: 0 0;

font-family: Helvetica, arial, sans-serif;

}

/* template */

body

{

margin: 0 auto;

background: #EEE;

 

}

.wrapper

{

width: 980px;

padding: 9px;

background: #FFF;

border: 1px solid #EFEFEF;

margin: 0 auto;

text-align: center;

}

 

It's not working in Safari.

Where should I take a good look at?

[Wickham]

If it works in all other browsers except Safari, then that's very unusual.

 

Try clearing the Safari cache as it may not have been downloaded properly, or at all.

 

Try deleting @CHARSET "UTF-8"; from the very top of it; it's usual to put a meta tag for the charset in the page head section.

[Mo]

Cleared cache in Safari and removed @CHARSET "UTF-8";

Still not working.

I'm using MAMP and eclipse like in the tutorial, did exactly the same but can't figure it out

[Wickham]

Does it work in any browsers? If not, it's probably a path problem.

means that the css file main.css is in a sub-directory/folder called css of the one that the php file is in, so check that the css folder/directory is a sub-directory.

 

ALSO delete the / before the css/main.css:-

 

(An alternative would be:-

where the css folder is in a higher level directory/folder than the one containing the php file) as .. / goes up a level.)

Edited January 11, 2009 by Wickham