PDA

View Full Version : CSS Compatability


Unregistered
03-28-2001, 09:53 AM
At what browser versions (and service packs) do css start behaving correctly for IE and NScape??

Thanks!

pixelmonkey
03-28-2001, 10:48 AM
it depends on how the code is writen, however in most cases all versions 4.X and newer support 90% .css . Just remember, text display sizes are different for IE in pc/ to mac.


hope it helps
chris<pixelmonkey>:D

whkoh
03-29-2001, 05:49 AM
This site offers some insight:
http://webreview.com/style/css1/charts/mastergrid.shtml

Dr. Web
03-29-2001, 12:08 PM
You may use this page of CSS links for more info as well. I have noticed that the support for CSS was greatly improved for Netscape6.

www.volcanic-design.com/volc_links.htm

OOZERO
03-29-2001, 03:38 PM
I have found that css is pathetic in N6..!! I posted my site in 'overall review' and found that css didnt seem to work at all on my site.?

Does anyone know about this? any reasons? My stylesheet curretly looks like:

________________________________________

body {
color: #000000; font-size: 12; font-family: Arial;

}
a:link { text-decoration: none; }
a:hover {color: #D56A00; text-decoration:none; background-color: #000033; }
td.text { color: #FFFFFF; font-size: 10; font-family: Arial; }
td.text_black { color: #000000; font-size: 10; font-family: Arial;}
td.text_black_2 { color: #000000; font-size: 12; font-family: Arial; }
td.text_black_3 { color: #000000; font-size: 12; font-family: Arial; }
a.no:hover{ color: #000000; font-size: 12; font-family: Arial; background: transparent; }
a.no { color: #000000; font-size: 12; font-family: Arial; background: #E0E0E0; }
td.text_title { color: #FFFFFF; font-size: 10; font-family: Arial; height: 20; verical-align: middle; background-color: #000033; }
________________________________________

Any ideas as to why it wouldnt work?

whkoh
03-30-2001, 08:11 AM
Errors
URI : file://localhost/TextArea
Line: 2 Context : body Invalid number : font-size
only 0 can be a length. You must put an unit after your number : 12
Line: 7 Context : td.text Invalid number : font-size
only 0 can be a length. You must put an unit after your number : 10
Line: 8 Context : td.text
Parse Error - text_black { color: #000000; font-size: 10; font-family: Arial;}
Line: 9 Context : td.text
Parse Error - text_black_2 { color: #000000; font-size: 12; font-family: Arial; }
Line: 10 Context : td.text
Parse Error - text_black_3 { color: #000000; font-size: 12; font-family: Arial; }
Line: 11 Context : a.no:hover Invalid number : font-size
only 0 can be a length. You must put an unit after your number : 12
Line: 12 Context : a.no Invalid number : font-size
only 0 can be a length. You must put an unit after your number : 12
Line: 13 Context : td.text
Parse Error - text_title { color: #FFFFFF; font-size: 10; font-family: Arial; height: 20; verical-align: middle; background-color: #000033; }

Corrected Script:
body {
color : #000000;
font-family : Arial;
}


a:link {
text-decoration : none;
}


a:hover {
color : #d56a00;
text-decoration : none;
background-color : #000033;
}


td.text {
color : #ffffff;
font-family : Arial;
}


a.no:hover {
color : #000000;
font-family : Arial;
background : transparent;
}


a.no {
color : #000000;
font-family : Arial;
background : #e0e0e0;
}

Ian
03-30-2001, 09:38 AM
The age old story... "write it correctly and it will display correctly" (in most cases anyway).
Nice going whkoh :)

award.gif

Dr. Web
03-30-2001, 12:33 PM
So what do you think Ian, whkoh....CSS decent in N6? I haven't had many problems. You? Anyone else?

Ian
03-30-2001, 07:54 PM
Two things....the first release of NS6 was hopeless at almost everything, if you are using it, UPGRADE!!. The latest release of NS6 is a vast improvement on the previous release. It seems to support css well, it still falls short in a few areas like text inside forms, but in general is good.
It is strict on coding and does not allow room for any errors right down to closing </font> tags, so is a great debugger. I do not surf with NS6, just mostly use it for checking scripts/layout etc and find it very similar to IE5+ browsers, and even supports some scripts which previously only worked in IE.

BTW, if you are a NS6 user, you can now add A1 JavaScripts to your sidebar, look for the button on the main page part of way down on the right which allows you to add it. You'll be able to see the latest aditions and search A1 right from your browser :)

whkoh
03-31-2001, 02:17 AM
I can't really say anything about NS6, since I don't own it. I had the beta version and it frustrated me so much that I didn't try the release version.