 | |
CSS display issue in Firefox 3.0.6
Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)
 |
| | Thread Tools | Display Modes |
#1
 
| |||
| |||
|
CSS display issue in Firefox 3.0.6 -
05-17-2009
, 11:31 AM
#2
| |||
| |||
|
|
The following webpage displays as desired in IE6, IE7, and IE8, but it does not display proplerly in Firefox 3.0.6. http://people.consolidated.net/seesawthis/netstart/ Any comments? Thanks! |
http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A%2F%2F people.consolidated.net%2Fseesawthis%2Fnetstart%2F css%2Fnetstart.css
Tip1:
/* This is a valid stylesheet comment */
<!-- This is not, it's an HTML comment -->
Tip2:
Length values require *units* in your stylesheet, expect for "0" and in
"line-height" where it is a ratio
Tip3:
Maybe you should learn about descendant selectors
http://www.w3.org/TR/CSS21/selector.html#descendant-selectors
No need to duplicate class on all descendant elements:
body.menu { ... }
p.menu { ... }
a.menu { ... }
....
<body class="menu">
<p class="menu"> ... <a class="menu" href="foo"> ...
could easily done:
body.menu { ... }
body.menu p { ... }
body.menu a { ... }
....
<body class="menu">
<p>... <a href="foo"> ...
--
Take care,
Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
#3
| |||
| |||
|
|
Validating your css is a start http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&u.... Tip1: /* This is a valid stylesheet comment */ !-- This is not, it's an HTML comment -- Tip2: Length values require *units* in your stylesheet, expect for "0" and in "line-height" where it is a ratio Tip3: Maybe you should learn about descendant selectorshttp://www.w3.org/TR/CSS21/selector.html#descendant-selectors No need to duplicate class on all descendant elements: body.menu { ... } p.menu { ... } a.menu { ... } ... body class="menu" p class="menu"> ... <a class="menu" href="foo"> ... could easily done: body.menu { ... } body.menu p { ... } body.menu a { ... } ... body class="menu" p>... <a href="foo"> ... |
corrects you suggested on my internal server (but not published to the
WWW yet. It verifies now with the W3 validator, but the problem still
exists with FF3.
So, back to my original question.
Does anyone know why the following webpage displays as desired in IE6,
IE7, and IE8, but it does not display proplerly in Firefox 3.0.6.
http://people.consolidated.net/seesawthis/netstart/
Thanks, kindly.
Joseph
#4
| |||
| |||
|
|
Thanks for the excellent points, Jonathan. I went through and made the corrects you suggested on my internal server (but not published to the WWW yet. It verifies now with the W3 validator, but the problem still exists with FF3. So, back to my original question. I am surprised Jonathan did not tell you not to use frames. He has |
HTML and CSS, don't use frames. There, I have told you.
And there are many other things too. You should be putting doctypes on
your frames, not just your frameset doc.
How about at least getting all the frames and framesets to validate on a
public server. Also, see if you can make the website look fine without
relying on javascript. Just to start.
Quote:
|
Does anyone know why the following webpage displays as desired in IE6, IE7, and IE8, but it does not display proplerly in Firefox 3.0.6. http://people.consolidated.net/seesawthis/netstart/ |
dorayme
|
« Previous Thread
|
Next Thread »
| Thread Tools | |
| Display Modes | |
Linear Mode
| |
Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.