Mozilla 1.7 Navigator doesn't display css correctly.

RESOLVED INVALID

Status

--
major
RESOLVED INVALID
15 years ago
14 years ago

People

(Reporter: timrs, Unassigned)

Tracking

Trunk
x86
Windows 2000

Firefox Tracking Flags

(Not tracked)

Details

(URL)

(Reporter)

Description

15 years ago
User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.7a) Gecko/20040219
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.7a) Gecko/20040219

The page http://www.neopets.com/guilds/guild.phtml?oid=zachary8952, is heavily
coded with css and needs it to look good. Under Internet Explorer 6.0 the page's
only animated .gif picture appears x-rayed, which is done using css, I put the
css into that site so I know, the picture above the banner with the text GUILDS
in it is also x-rayed with hovering text over it, and in the middle of the page
there are boxes with text in them, also done with css. Mozilla 1.7 Navigator
messes every one of these up, nothing is x-rayed, the hovering text appears
bigger, and the css boxes are a bunch of messed up lines.

Reproducible: Always
Steps to Reproduce:
1. View http://www.neopets.com/guilds/guild.phtml?oid=zachary8952 with Internet
Explorer.
2. View http://www.neopets.com/guilds/guild.phtml?oid=zachary8952 with Mozilla
1.7 Navigator (lower or higher).
Actual Results:  
Page appears VERY different in Internet Explorer(IE)and in Movilla 1.7
Navigator, only working css codes are the hovering ones and color ones.

Expected Results:  
Page appears alike in IE and in Mozilla 1.7 Navigator and not VERY different.

No crashes

Comment 1

15 years ago
*** Bug 238124 has been marked as a duplicate of this bug. ***

Comment 2

15 years ago
I can´t view the page as log-in is required.
Please have a look at 
Bug 238140 Font filters such as glow() and shadow() do not display

Comment 3

15 years ago
Timothy, that guild is gone however I did look at the replacement. That page
also has many CSS related problems. For example, it includes <style> tags inside
the <body> which is not legal HTML but is not the major problem.  Take the CSS
for example

img{filter:xray alpha(Opacity=60, FinishOpacity=1, Style=3, StartX=0, 
FinishX=80, StartY=0, FinishY=80)}
a:link,a:visited,a:active{color:black;font:7pt verdana}
body{background:black}
table{background:transparent}
body{scrollbar-face-color:black;
scrollbar-arrow-color:green;
scrollbar-track-color:firebrick;
scrollbar-shadow-color:black;
scrollbar-highlight-color:orange;
scrollbar-3dlight-color:purple;
scrollbar-darkshadow-color:orange;}
table{background:transparent}
i.sidebar{background:url(http://www.angelfire.com/zine2/timsdarkness/images/sidebar.gif);
height:441;width:140;position:absolute;top:36;left:0;}
i.para{width:500}i.para2{width:196}
b.s1{width:200;align:center;border:2px solid red;background:black;filter:
alpha(opacity=80);overflow:auto;height:120; position:relative;top:20;left:-10;}
b.s2{width:200;align:center;border:2px solid red;background:black;filter:
alpha(opacity=80);overflow:auto;height:120; position:relative;top:20;left:20;}
b.s3{width:270;align:center;border:1px solid red;background:black;filter:
alpha(opacity=80);overflow:auto;height:50; position:relative;top:20;left:-10;}

This is not really CSS as defined by the W3C but is instead a bunch of Microsoft
only stuff. To use the CSS Validator on this you get:

    * Line: 0 Context : img

      Parse Error - Opacity=60, FinishOpacity=1, Style=3, StartX=0, FinishX=80,
StartY=0, FinishY=80)
    * Line: 0 Context : body

      Property scrollbar-face-color doesn't exist : black
    * Line: 0 Context : body

      Property scrollbar-arrow-color doesn't exist : green
    * Line: 0 Context : body

      Property scrollbar-track-color doesn't exist : firebrick
    * Line: 0 Context : body

      Property scrollbar-shadow-color doesn't exist : black
    * Line: 0 Context : body

      Property scrollbar-highlight-color doesn't exist : orange
    * Line: 0 Context : body

      Property scrollbar-3dlight-color doesn't exist : purple
    * Line: 0 Context : body

      Property scrollbar-darkshadow-color doesn't exist : orange
    * Line: 0 Context : i.sidebar

      Invalid number : heightonly 0 can be a length. You must put an unit after
your number : 441
    * Line: 0 Context : i.sidebar

      Invalid number : widthonly 0 can be a length. You must put an unit after
your number : 140
    * Line: 0 Context : i.sidebar

      Invalid number : toponly 0 can be a length. You must put an unit after
your number : 36
    * Line: 0 Context : i.para

      Invalid number : widthonly 0 can be a length. You must put an unit after
your number : 500
    * Line: 0 Context : i.para2

      Invalid number : widthonly 0 can be a length. You must put an unit after
your number : 196
    * Line: 0 Context : b.s1

      Invalid number : widthonly 0 can be a length. You must put an unit after
your number : 200
    * Line: 0 Context : b.s1

      Property align doesn't exist : center
    * Line: 0 Context : b.s1

      Parse Error - opacity=80)
    * Line: 0 Context : b.s1

      Invalid number : heightonly 0 can be a length. You must put an unit after
your number : 120
    * Line: 0 Context : b.s1

      Invalid number : toponly 0 can be a length. You must put an unit after
your number : 20
    * Line: 0 Context : b.s1

      Invalid number : leftonly 0 can be a length. You must put an unit after
your number : -10
    * Line: 0 Context : b.s2

      Invalid number : widthonly 0 can be a length. You must put an unit after
your number : 200
    * Line: 0 Context : b.s2

      Property align doesn't exist : center
    * Line: 0 Context : b.s2

      Parse Error - opacity=80)
    * Line: 0 Context : b.s2

      Invalid number : heightonly 0 can be a length. You must put an unit after
your number : 120
    * Line: 0 Context : b.s2

      Invalid number : toponly 0 can be a length. You must put an unit after
your number : 20
    * Line: 0 Context : b.s2

      Invalid number : leftonly 0 can be a length. You must put an unit after
your number : 20
    * Line: 0 Context : b.s3

      Invalid number : widthonly 0 can be a length. You must put an unit after
your number : 270
    * Line: 0 Context : b.s3

      Property align doesn't exist : center
    * Line: 0 Context : b.s3

      Parse Error - opacity=80)
    * Line: 0 Context : b.s3

      Invalid number : heightonly 0 can be a length. You must put an unit after
your number : 50
    * Line: 0 Context : b.s3

      Invalid number : toponly 0 can be a length. You must put an unit after
your number : 20
    * Line: 0 Context : b.s3

      Invalid number : leftonly 0 can be a length. You must put an unit after
your number : -10 

Mozilla has one of the best implementations of CSS in the world. Internet
Explorer is only slightly better than Navigator 4.

-> INVALID
Status: UNCONFIRMED → RESOLVED
Last Resolved: 15 years ago
Resolution: --- → INVALID
(Reporter)

Comment 4

15 years ago
Thanx, but neopets.com doesn't allow me to put in in the head. I only learned 
css by reading some articles and looking at examples, so there is probobly more 
css stuff I don't know.


(In reply to comment #3)
> Timothy, that guild is gone however I did look at the replacement. That page
> also has many CSS related problems. For example, it includes <style> tags 
inside
> the <body> which is not legal HTML but is not the major problem.  Take the CSS
> for example
> img{filter:xray alpha(Opacity=60, FinishOpacity=1, Style=3, StartX=0, 
> FinishX=80, StartY=0, FinishY=80)}
> a:link,a:visited,a:active{color:black;font:7pt verdana}
> body{background:black}
> table{background:transparent}
> body{scrollbar-face-color:black;
> scrollbar-arrow-color:green;
> scrollbar-track-color:firebrick;
> scrollbar-shadow-color:black;
> scrollbar-highlight-color:orange;
> scrollbar-3dlight-color:purple;
> scrollbar-darkshadow-color:orange;}
> table{background:transparent}
> i.sidebar{background:url
(http://www.angelfire.com/zine2/timsdarkness/images/sidebar.gif);
> height:441;width:140;position:absolute;top:36;left:0;}
> i.para{width:500}i.para2{width:196}
> b.s1{width:200;align:center;border:2px solid red;background:black;filter:
> alpha(opacity=80);overflow:auto;height:120; position:relative;top:20;left:-
10;}
> b.s2{width:200;align:center;border:2px solid red;background:black;filter:
> alpha(opacity=80);overflow:auto;height:120; position:relative;top:20;left:20;}
> b.s3{width:270;align:center;border:1px solid red;background:black;filter:
> alpha(opacity=80);overflow:auto;height:50; position:relative;top:20;left:-10;}
> This is not really CSS as defined by the W3C but is instead a bunch of 
Microsoft
> only stuff. To use the CSS Validator on this you get:
>     * Line: 0 Context : img
>       Parse Error - Opacity=60, FinishOpacity=1, Style=3, StartX=0, 
FinishX=80,
> StartY=0, FinishY=80)
>     * Line: 0 Context : body
>       Property scrollbar-face-color doesn't exist : black
>     * Line: 0 Context : body
>       Property scrollbar-arrow-color doesn't exist : green
>     * Line: 0 Context : body
>       Property scrollbar-track-color doesn't exist : firebrick
>     * Line: 0 Context : body
>       Property scrollbar-shadow-color doesn't exist : black
>     * Line: 0 Context : body
>       Property scrollbar-highlight-color doesn't exist : orange
>     * Line: 0 Context : body
>       Property scrollbar-3dlight-color doesn't exist : purple
>     * Line: 0 Context : body
>       Property scrollbar-darkshadow-color doesn't exist : orange
>     * Line: 0 Context : i.sidebar
>       Invalid number : heightonly 0 can be a length. You must put an unit 
after
> your number : 441
>     * Line: 0 Context : i.sidebar
>       Invalid number : widthonly 0 can be a length. You must put an unit after
> your number : 140
>     * Line: 0 Context : i.sidebar
>       Invalid number : toponly 0 can be a length. You must put an unit after
> your number : 36
>     * Line: 0 Context : i.para
>       Invalid number : widthonly 0 can be a length. You must put an unit after
> your number : 500
>     * Line: 0 Context : i.para2
>       Invalid number : widthonly 0 can be a length. You must put an unit after
> your number : 196
>     * Line: 0 Context : b.s1
>       Invalid number : widthonly 0 can be a length. You must put an unit after
> your number : 200
>     * Line: 0 Context : b.s1
>       Property align doesn't exist : center
>     * Line: 0 Context : b.s1
>       Parse Error - opacity=80)
>     * Line: 0 Context : b.s1
>       Invalid number : heightonly 0 can be a length. You must put an unit 
after
> your number : 120
>     * Line: 0 Context : b.s1
>       Invalid number : toponly 0 can be a length. You must put an unit after
> your number : 20
>     * Line: 0 Context : b.s1
>       Invalid number : leftonly 0 can be a length. You must put an unit after
> your number : -10
>     * Line: 0 Context : b.s2
>       Invalid number : widthonly 0 can be a length. You must put an unit after
> your number : 200
>     * Line: 0 Context : b.s2
>       Property align doesn't exist : center
>     * Line: 0 Context : b.s2
>       Parse Error - opacity=80)
>     * Line: 0 Context : b.s2
>       Invalid number : heightonly 0 can be a length. You must put an unit 
after
> your number : 120
>     * Line: 0 Context : b.s2
>       Invalid number : toponly 0 can be a length. You must put an unit after
> your number : 20
>     * Line: 0 Context : b.s2
>       Invalid number : leftonly 0 can be a length. You must put an unit after
> your number : 20
>     * Line: 0 Context : b.s3
>       Invalid number : widthonly 0 can be a length. You must put an unit after
> your number : 270
>     * Line: 0 Context : b.s3
>       Property align doesn't exist : center
>     * Line: 0 Context : b.s3
>       Parse Error - opacity=80)
>     * Line: 0 Context : b.s3
>       Invalid number : heightonly 0 can be a length. You must put an unit 
after
> your number : 50
>     * Line: 0 Context : b.s3
>       Invalid number : toponly 0 can be a length. You must put an unit after
> your number : 20
>     * Line: 0 Context : b.s3
>       Invalid number : leftonly 0 can be a length. You must put an unit after
> your number : -10 
> Mozilla has one of the best implementations of CSS in the world. Internet
> Explorer is only slightly better than Navigator 4.
> -> INVALID

(In reply to comment #3)
> Timothy, that guild is gone however I did look at the replacement. That page
> also has many CSS related problems. For example, it includes <style> tags 
inside
> the <body> which is not legal HTML but is not the major problem.  Take the CSS
> for example
> img{filter:xray alpha(Opacity=60, FinishOpacity=1, Style=3, StartX=0, 
> FinishX=80, StartY=0, FinishY=80)}
> a:link,a:visited,a:active{color:black;font:7pt verdana}
> body{background:black}
> table{background:transparent}
> body{scrollbar-face-color:black;
> scrollbar-arrow-color:green;
> scrollbar-track-color:firebrick;
> scrollbar-shadow-color:black;
> scrollbar-highlight-color:orange;
> scrollbar-3dlight-color:purple;
> scrollbar-darkshadow-color:orange;}
> table{background:transparent}
> i.sidebar{background:url
(http://www.angelfire.com/zine2/timsdarkness/images/sidebar.gif);
> height:441;width:140;position:absolute;top:36;left:0;}
> i.para{width:500}i.para2{width:196}
> b.s1{width:200;align:center;border:2px solid red;background:black;filter:
> alpha(opacity=80);overflow:auto;height:120; position:relative;top:20;left:-
10;}
> b.s2{width:200;align:center;border:2px solid red;background:black;filter:
> alpha(opacity=80);overflow:auto;height:120; position:relative;top:20;left:20;}
> b.s3{width:270;align:center;border:1px solid red;background:black;filter:
> alpha(opacity=80);overflow:auto;height:50; position:relative;top:20;left:-10;}
> This is not really CSS as defined by the W3C but is instead a bunch of 
Microsoft
> only stuff. To use the CSS Validator on this you get:
>     * Line: 0 Context : img
>       Parse Error - Opacity=60, FinishOpacity=1, Style=3, StartX=0, 
FinishX=80,
> StartY=0, FinishY=80)
>     * Line: 0 Context : body
>       Property scrollbar-face-color doesn't exist : black
>     * Line: 0 Context : body
>       Property scrollbar-arrow-color doesn't exist : green
>     * Line: 0 Context : body
>       Property scrollbar-track-color doesn't exist : firebrick
>     * Line: 0 Context : body
>       Property scrollbar-shadow-color doesn't exist : black
>     * Line: 0 Context : body
>       Property scrollbar-highlight-color doesn't exist : orange
>     * Line: 0 Context : body
>       Property scrollbar-3dlight-color doesn't exist : purple
>     * Line: 0 Context : body
>       Property scrollbar-darkshadow-color doesn't exist : orange
>     * Line: 0 Context : i.sidebar
>       Invalid number : heightonly 0 can be a length. You must put an unit 
after
> your number : 441
>     * Line: 0 Context : i.sidebar
>       Invalid number : widthonly 0 can be a length. You must put an unit after
> your number : 140
>     * Line: 0 Context : i.sidebar
>       Invalid number : toponly 0 can be a length. You must put an unit after
> your number : 36
>     * Line: 0 Context : i.para
>       Invalid number : widthonly 0 can be a length. You must put an unit after
> your number : 500
>     * Line: 0 Context : i.para2
>       Invalid number : widthonly 0 can be a length. You must put an unit after
> your number : 196
>     * Line: 0 Context : b.s1
>       Invalid number : widthonly 0 can be a length. You must put an unit after
> your number : 200
>     * Line: 0 Context : b.s1
>       Property align doesn't exist : center
>     * Line: 0 Context : b.s1
>       Parse Error - opacity=80)
>     * Line: 0 Context : b.s1
>       Invalid number : heightonly 0 can be a length. You must put an unit 
after
> your number : 120
>     * Line: 0 Context : b.s1
>       Invalid number : toponly 0 can be a length. You must put an unit after
> your number : 20
>     * Line: 0 Context : b.s1
>       Invalid number : leftonly 0 can be a length. You must put an unit after
> your number : -10
>     * Line: 0 Context : b.s2
>       Invalid number : widthonly 0 can be a length. You must put an unit after
> your number : 200
>     * Line: 0 Context : b.s2
>       Property align doesn't exist : center
>     * Line: 0 Context : b.s2
>       Parse Error - opacity=80)
>     * Line: 0 Context : b.s2
>       Invalid number : heightonly 0 can be a length. You must put an unit 
after
> your number : 120
>     * Line: 0 Context : b.s2
>       Invalid number : toponly 0 can be a length. You must put an unit after
> your number : 20
>     * Line: 0 Context : b.s2
>       Invalid number : leftonly 0 can be a length. You must put an unit after
> your number : 20
>     * Line: 0 Context : b.s3
>       Invalid number : widthonly 0 can be a length. You must put an unit after
> your number : 270
>     * Line: 0 Context : b.s3
>       Property align doesn't exist : center
>     * Line: 0 Context : b.s3
>       Parse Error - opacity=80)
>     * Line: 0 Context : b.s3
>       Invalid number : heightonly 0 can be a length. You must put an unit 
after
> your number : 50
>     * Line: 0 Context : b.s3
>       Invalid number : toponly 0 can be a length. You must put an unit after
> your number : 20
>     * Line: 0 Context : b.s3
>       Invalid number : leftonly 0 can be a length. You must put an unit after
> your number : -10 
> Mozilla has one of the best implementations of CSS in the world. Internet
> Explorer is only slightly better than Navigator 4.
> -> INVALID

Product: Browser → Seamonkey
You need to log in before you can comment on or make changes to this bug.