Closed
Bug 238123
Opened 20 years ago
Closed 20 years ago
Mozilla 1.7 Navigator doesn't display css correctly.
Categories
(SeaMonkey :: General, defect)
Tracking
(Not tracked)
RESOLVED
INVALID
People
(Reporter: timrs, Unassigned)
References
()
Details
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•20 years ago
|
||
*** Bug 238124 has been marked as a duplicate of this bug. ***
Comment 2•20 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•20 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
Closed: 20 years ago
Resolution: --- → INVALID
Reporter | ||
Comment 4•20 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
Updated•20 years ago
|
Product: Browser → Seamonkey
You need to log in
before you can comment on or make changes to this bug.
Description
•