12 replies [Last post]
:: ZaNy WiZ ::
Offline
newbie
Last seen: 16 years 17 weeks ago
Joined: 2003-05-19
Posts: 5
Points: 0

hey guys, I barely started working with CSS and I have been testing it out on IE on Win2k. When I used a MacOS my CSS script didn't load. Any ideas of what it could be or what can I do about it? thx

:: ZaNy ::

DJSdotcom
Offline
Enthusiast
Rochester, NY / Chicago, IL
Last seen: 16 years 25 weeks ago
Rochester, NY / Chicago, IL
Joined: 2003-03-23
Posts: 95
Points: 0

CSS doesn't load on MacOS

Hmm... tough call to make without the code in front of us. Could you post again with a link to the site or a code sample?

-Mike

</twocents>

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 5 days 13 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

CSS doesn't load on MacOS

Hi ZaNy,
DJSdotcom is right we really need more detail such as a link to the site to be able to help.

Until then, here is a couple of things you can check.

Are any of the styles showing through :?:
Try placing the styles within the head section of the page to see if they work.
If some styles are working comment out sections of the CSS till you can find what causes the problem.

[/]
:: ZaNy WiZ ::
Offline
newbie
Last seen: 16 years 17 weeks ago
Joined: 2003-05-19
Posts: 5
Points: 0

CSS doesn't load on MacOS

i've never heard of validating the HTML or the CSS. how does that work or what is it for?

i'm not sure what part of the code that you need. this is it.

<HEAD>

<TITLE>
</TITLE>

<LINK REL="STYLESHEET" HREF="scripts/stylesheets.css" TYPE="TEXT/CSS">
<SCRIPT SRC="scripts/norightclick.js" type="text/javascript" LANGUAGE="JavaScript"></SCRIPT>
<SCRIPT SRC="scripts/funclock.js" type="text/javascript" LANGUAGE="JavaScript"></SCRIPT>

</HEAD>

everything else on the page loads expcents whats in the .css file. if you guys need the actuall .css code let me know. thx for the thelp.

Sven
Sven's picture
Offline
Enthusiast
Brisbane, Australia
Last seen: 12 years 14 weeks ago
Brisbane, Australia
Timezone: GMT+10
Joined: 2003-03-12
Posts: 166
Points: 0

CSS doesn't load on MacOS

If you have the page publicly available, and could post a link to it, that would be even better.

But anyway, the first thing to do is to make sure that the CSS file really isn't loading. Just in case the issue is with the content of the CSS file, try replacing it with a very simple version, something like:

body {
   background-color:red;
}

...and see if that works. If it does, the problem is likely within the CSS file itself. The best approach in that case, is to build it up again slowly, until the problem reappears.

If that doesn't work, it may be that there's some issue with the file name or path. In the browser, try typing in the path of the CSS file, relative to the page in which you're referencing it, and make sure you can get to it.

Again, though, if you can make a live copy of the site available, or even attach a zipped copy of the files, I'm sure someone here will be able nail the problem quickly.

:: ZaNy WiZ ::
Offline
newbie
Last seen: 16 years 17 weeks ago
Joined: 2003-05-19
Posts: 5
Points: 0

CSS doesn't load on MacOS

<STYLE TYPE="TEXT/CSS">
<!--

BODY
{
BACKGROUND-COLOR : #000000;

FONT-FAMILY : Verdana.ttf, Arial;
FONT-SIZE : 9pt;
COLOR : #EEEEEE;

SCROLLBAR-ARROW-COLOR : #FFFFFF;
SCROLLBAR-BASE-COLOR : #EEEEEE;
SCROLLBAR-FACE-COLOR : #333333;
SCROLLBAR-HIGHLIGHT-COLOR : #111111;

}

A:LINK
{
COLOR : #EEEEEE;
}

A:VISITED
{
COLOR : #EEEEEE;
}

A:ACTIVE
{
COLOR : #CCCCCC;
}

INPUT
{

FONT-FAMILY : Verdana, Arial;
FONT-SIZE : 8pt;
COLOR : BLUE;

}

TD
{
FONT-FAMILY : Verdana, Arial;
FONT-SIZE : 9pt;
COLOR : #EEEEEE;
}

//-->
</STYLE>

this is the CSS script that i am using. are there any mistakes that are visible? once again, when i check the page on Mac comp, the webpage is just white. the text is there but none of the CSS features are there. would appreciate any help. thx

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 5 days 13 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

CSS doesn't load on MacOS

Hi Zany Wiz,
The only thing I can see that could cause a problem is the

Quote:
FONT-FAMILY : Verdana.ttf, Arial;
in the body. Try removing the .ttf from Verdana.

If that has no effect try commenting out the scroll bar stuff, then keep commenting out sections until you can pinpoint the problem.

dbowne
Offline
Enthusiast
Washinton DC
Last seen: 16 years 17 weeks ago
Washinton DC
Joined: 2003-05-22
Posts: 53
Points: 0

remove the style declaration from CSS file

Remove the following from your CSS file:

<STYLE TYPE="TEXT/CSS">
<!-- 

-->
</STYLE>

that is not necessary in external stylesheets and is breaking your first style declaration, BODY. all the other styles were showing up in my tests (IE5.2 MAC, Navigator 0.6 MAC) however don't expect the scrollbar colors to work. that is not supported. i have attached my test files.

Also, you asked about validation. Valdation is a way to make sure you did it (html and css coding) right. it is a good idea, and the links Tony posted to the W3C (the organization which designs and supports HTML) will do this for you, and even spit out a cleaned up version of your files.

dbowne

:: ZaNy WiZ ::
Offline
newbie
Last seen: 16 years 17 weeks ago
Joined: 2003-05-19
Posts: 5
Points: 0

CSS doesn't load on MacOS

thx you guys for all your help and support. gonna try it out and see what happends. i don't have mac so i have to go to a computer at school.

one more thing, when i tried to validate my CSS script, it said

Quote:

Errors
URI : file://localhost/TextArea
Line: 9 Context : BODY
Property scrollbar-arrow-color doesn't exist : #ffffff

Line: 10 Context : BODY
Property scrollbar-base-color doesn't exist : #eeeeee

Line: 11 Context : BODY
Property scrollbar-face-color doesn't exist : #333333

Line: 12 Context : BODY
Property scrollbar-highlight-color doesn't exist : #111111

whats that about?

Sven
Sven's picture
Offline
Enthusiast
Brisbane, Australia
Last seen: 12 years 14 weeks ago
Brisbane, Australia
Timezone: GMT+10
Joined: 2003-03-12
Posts: 166
Points: 0

CSS doesn't load on MacOS

The scrollbar properties are not actually standard CSS - Microsoft made them up, and gave them support in Internet Explorer.

So, while they do have an effect in IE, and don't really do anything in other browsers, the validator will complain, because those properties aren't listed in the CSS standard as maintained by the W3C.

:: ZaNy WiZ ::
Offline
newbie
Last seen: 16 years 17 weeks ago
Joined: 2003-05-19
Posts: 5
Points: 0

CSS doesn't load on MacOS

Sven wrote:
The scrollbar properties are not actually standard CSS - Microsoft made them up, and gave them support in Internet Explorer.

So, while they do have an effect in IE, and don't really do anything in other browsers, the validator will complain, because those properties aren't listed in the CSS standard as maintained by the W3C.

I found out what the problem was. since the scrollbar properties are not supported then it wasn't letting everything else work. All i had to do was take those properties out and put them in their own script and it work. thx for the help guys.

Anonymous
Anonymous's picture
Guru

CSS doesn't load on MacOS

Tony wrote:
Hi Zany Wiz,
The only thing I can see that could cause a problem is the
Quote:
FONT-FAMILY : Verdana.ttf, Arial;
in the body. Try removing the .ttf from Verdana.

If that has no effect try commenting out the scroll bar stuff, then keep commenting out sections until you can pinpoint the problem.

omar
Offline
newbie
Last seen: 16 years 1 week ago
Joined: 2003-09-11
Posts: 2
Points: 0

CSS doesn't load on MacOS

Hi ZaNy WiZ,

I had the same problem. The standard browser of Mac OSX (Safari) simply doesn't accept CSS on forms as you can read on the following url:
http://www.macedition.com/cb/resources/safari/safari_surprises.html

[exerpt]
Form elements
Safari supports the fieldset element, but doesn’t style it by default. This contrasts with the approach of Mozilla and IE, which is to draw a thin grey ridged border around it and add some padding. Be prepared to specify the styling of these elements fully if you want consistent presentation in multiple browsers.

Like Opera, Safari does not style input elements like radio buttons and text input fields, instead using the default Aqua look and feel. Some people feel that this is a justifiable decision, while others disagree. Safari does style form items like label and (as previously mentioned) fieldset.

- Omar