CSS Problems between IE/Netscape/FireFox etc

[baritoneuk]

Hi all,

Why is it that there are differences between the browsers on CSS?

I have the following in my CSS file:

.0 {
background-color: #F5E6E7;
border: 1px solid #cccccc;
}
.1 {
background-color: #FFFFFF;
border: 1px solid CCCCCC;
}

I then did

<table class="0">

and expected a table with a grey background and light grey border- but although it shows it on IE, it doesnt show it on other browsers such as firefox. Wht is this? What am I doing wrong?

[turtlwaX]

not entirely certain, but I am going to assume that firefox/netscape dislike the numerics for your class names.

similarly do not include underscores in your class names, and be certain to pay attention to your declarations as i know ie on macintosh is casesensitive toward class names (ie. class="mainText" is different than class="maintext"

[HardCoded]

Class names should start with a letter. After that, to be safe, you should restrict yourself to letters, hyphens, and numbers.

http://www.allmyfaqs.com/faq.pl?Class_names

[synergytheory]

Hi all,

Why is it that there are differences between the browsers on CSS?

I have the following in my CSS file:

.0 {
background-color: #F5E6E7;
border: 1px solid #cccccc;
}
.1 {
background-color: #FFFFFF;
border: 1px solid CCCCCC;
}

I then did

<table class="0">

and expected a table with a grey background and light grey border- but although it shows it on IE, it doesnt show it on other browsers such as firefox. Wht is this? What am I doing wrong?

Have a look around on http://www.w3schools.com
FireFox and [latest versions of] Netscape, render css according to W3C's "Web Standards" IE does not, and probably won't for another 2 years. MS will update IE when Longhorn releases, which sucks the big one.

But anyway, get your CSS vaild at w3c.org, then you'll note it probably won't work on IE :) but there are many hacks to make it work on all browsers, even Opera. But try to use W3C's web standards, and you'll have less trouble in there future.