Please ignore this post. As I wrote in the "Quick Reply" below, I found the error myself (a typo!) immediately after posting this question. I really am sorry.
I have CSS that generates a DIV for a sidebar to an article, and it works fine in IE7, Firefox3.0.6, Opera9.63, and Safari for Windows 3.2. The problem is, when I run the page at W3C’s CSS Validation Service utility, I get a Parse Error on a piece of CSS “Body” code that passes fine on a different page which is identical except that it does not include the sidebar CSS code.
The two pages are:
(1) http://www.zoofence.com/amper24.html without the sidebar code but with the same Body code, and it passes W3C CSS fine
(2) http://www.zoofence.com/000aaa.html The identical page except with the sidebar code and on which the very same Body code generates a “parse error” at W3C CSS. (The sidebar appears on the page at the paragraph which begins "Biology is at first".)
Here is the Body code which passes W3C CSS Validation on a page without the DIV sidebar code but fails (parse error) on an identical page except with the DIV sidebar code:
Here is the DIV sidebar code. I have written it both as it appears here and asCode:body { background-color : white; background-image : url(../images/zbgnew.gif); background-repeat : no-repeat; background-position : center; background-attachment : fixed; margin-right : 2em; margin-left : 2em; }#sidebarin the style sheet and thenid=”sidebar”in the source code – both ways generate the same “parse error” relating to the Body CSS code at W3C CSS Validation:
Here is the call for the sidebar code as it appears in the article itself, where it works fine:Code:div.sidebar { margin-top:0px; margin-bottom:0px; margin-right:10px; width:165px; float:left; } p.quote1 { font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 10pt; font-weight: bold; color: #800000; background-color: transparent; border-top: 1px solid #800000; border-bottom: 1px solid #800000; padding-top:10px; padding-bottom:10px; }
The full CSS style sheets are:Code:<div class="sidebar" align="left"> <p class="quote1" align="left">Nothing has existence unless you, I, or some living creature perceives it.</p> </div>
(1) http://www.zoofence.com/scripts/amper1.css which both pages call on
(2) http://www.zoofence.com/scripts/amper2.css which only the page with the sidebar calls on.
I cannot figure out what is generating the parse error relating to the Body code. Because it only occurs for the page with the sidebar code, I assume that the problem is in that code, but where? I will truly appreciate any ideas and help. Thanks.



Reply With Quote
Bookmarks