what is the go with NETSCAPE and certain style sheet bugs?

[Guest_imported]

ok then . . i have valid HTML 4.0 and my styles are also valid. can anyone tell me why gosh darn NN 6+ screws up both my layout and CSS?????

anyone who feels my pain join in the cry . . . oh my CSS file below if you know what I am talking about. the only thing that aint pure is the IE scrollbar crap. i mean as designers we code hard and code to the latest standards right. it's a kick in the guts when s h i t like this happens . . . as most of you probably agree.
anyway we press on, any interest NN users show in this thread would be greatly appreciated though please forgive the mess that the NN 6+ brower makes on my site. the url below.

http://fluidinkpress.vr9.com

scott

/* © Copyright Scott Villarosa 2002 . e | - svillarosa@hotmail.com */
a:link {
background: transparent;
color: #191970;
text-decoration: underline;
}
a:visited {
background: transparent;
color: #191970;
text-decoration: underline;
}
a:active {
background: transparent;
color: #191970;
text-decoration: underline;
}
a:hover {
background: transparent;
color: #191970;
text-decoration: none;
}
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: 500;
background: transparent;
color: #000000;
}
b {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
background: transparent;
color: #000000;
}
body {
background: transparent url(../images/_49.gif) repeat;
color: #000000;
margin: 0px 0px 0px 0px;
scrollbar-3d-light-color: #4f6476;
scrollbar-arrow-color: #4f6476;
scrollbar-base-color: #b0c4de;
scrollbar-dark-shadow-color: #4682b4;
scrollbar-face-color: #4f6476;
scrollbar-highlight-color: #4f6476;
scrollbar-shadow-color: #4f6476;
}
#divUpControl {
position: absolute;
width: 14px; left: 486px;
top: 79px; z-index:1;
text-align: right; height: 10px;
}
#divDownControl {
position: absolute;
width: 14px; left: 486px;
top: 247px; z-index: 1;
text-align: right; height: 10px;
}
#divContainer {
position: absolute;
width: 194px; height: 152px;
overflow: hidden;
top: 88px; left: 405px;
clip: rect(0px, 194px, 152px, 0px);
visibility: hidden;
}
#divContent {
position: absolute;
top: 0px; left: 0px;
}
.fip {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: 500;
color: #cccccc;
text-align: center;
background: transparent url(../images/_61.gif);
}
.fip00 {
background: #ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight: 500;
color: #000000;
}
.fip01 {
background: transparent url(../images/_70.gif) repeat;
}
.fip02 {
text-align: right;
}
.fip03 {
height: 27px;
}
.fip04 {
height: 13px;
}
.fip05 {
height: 40px;
}
.fip07 {
height: 25px;
}
.fip06 {
height: 79px;
width: 121px;
}
.fip08 {
height: 17px;
width: 121px;
}
.fip09 {
height: 8px;
}
.fip10 {
background: transparent url(../images/_57.gif) repeat;
width: 50%;
}
.fip11 {
background: transparent url(../images/_58.gif) repeat;
}
.fip14 {
background: transparent url(../images/_63.gif) repeat;
}
.fip15 {
background: transparent url(../images/_64.gif) repeat;
}
.fip16 {
background: transparent url(../images/_57.gif) repeat;
}
.fip17 {
background: transparent url(../images/_02.gif) repeat;
width: 100%;
}
.fip18 {
background: transparent url(../images/_34.gif) repeat;
}
.fip19 {
text-align: center;
}
.fip20 {
background: transparent url(../images/_77.gif) repeat;
}
.fip21 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight: 500;
color: #000000;
background: #456576 url(../images/_09.gif) repeat;

 

[starway]

"i mean as designers we code hard and code to the latest standards right."
first of all, colored scrollbar feature is not a part of any standard. It's IE-only extention and works in IE5.5+ only.

second, check any of cross-browser CSS references for background: transparent. I can recommend you this:

http://www.devguru.com/Technologies/css/quickref/css_backgroundcolor.html

you will see that there's [tt]background-color: transparent[/tt] available only.

Do not design for IE and then check in NN, but check everything during the process in all browsers (by the way, IE and N6 are not the only ones existing in this world).
This will help you to aviod many surprises.

 

[tsdragon]

They may not be the only ones existing, but to me they're the only ones worth taking the trouble to try to make everything work for. And I'm not all that sure about NS. Sure I might be alienating a couple of percent of web surfers, but I really am TIRED of compromising my work to suit other browsers and wasting time creating work-arounds.

Anyone else want the soapbox now?
Tracy Dryden
tracy@bydisn.com

http://www.bydisn.com

Meddle not in the affairs of dragons,
For you are crunchy, and good with mustard.

 

[Guest_imported]

yeah but take my css and file and run in it a validator....
ie scrollbars are the only thing that is not validating.
just cos dev guru says so doesn't mean that it is....

back me up guys . . .

 

[andycheese]

Surely you should only be paying attention to W3C standards? Or have I missed something?

 

[BDNFLNC]

heheh -----------------------------------------------
These are endless galaxies which are yours.
You can journey to infinity
through the endless passages of the cosmos.
Even better. This all belongs to you.
This is your mind.

 

[spazman]

Reading threads like this I am glad I only do Intranet work, 1 browser to worry about. If it works on screen it works on everyones.

 

[Trevman]

sjvilla79,

When I go to the url you listed the only thing I see is a link to

http://www.hitdvd.net/.

When I go there, the site looks basically identical in Mozilla 1.2b as it does in IE6. Whats the problem?

Furthermore, just because your code validates does not mean it will give you the look that you desire. If something looks "right" in IE6, but "wrong" in mozilla/netscape6+, than more than likely its actually Mozilla that gets it right and IE that gets it wrong. Even though your css validates, if IE horks a margin by 10px, and you then design your site by moving that object 10px to correct for IE, then it will look off in Mozilla, which probably interprets it correctly. ===
Supports Mozilla and Web Standards
Knows HTML/XHTML, CSS1, JavaScript, PHP, C++, DOM1
===

 

[Trevman]

If you are having box model woes, this is a good resource. Explains to you how IE5 sucks.

http://www.tantek.com/CSS/Examples/boxmodelhack.html

===
Supports Mozilla and Web Standards
Knows HTML/XHTML, CSS1, JavaScript, PHP, C++, DOM1
===