Re: Please Critique: doctype, css problems

CircleSky wrote:

The problem I'm having is that when I add the doctype to the beginning
of the htm file, the formatting doesn't display as expected. (I
recognize that the browser is now using Standards mode.) An example of
the page with doctype declaration:
http://www.luckyman.ca/testsite/index.htm
Notice:
- the boxes surrounding the title are only as wide as the text itself,
even though "span.h1 {width:100%;} ".

<span> applies to inline elements only. So the width attribute is
meaningless.
If you want an <h1> element, use <h1>. It is a block element and
automatically widens to 100%. Change its attributes rather than try to
recreate it (incorrectly). As a bonus search engines like <h1>.

- the background image in div.nav is cropped at the bottom.
- the navigation buttons are wider.
- the position of div.nav scrolls off the screen.

Other have commented on these issues.

One thing: the div.nav width plus div.body width exceeds 100% (27 +
74.5 = 101.5).
Look into using the "cascading" aspect of CSS. It can greatly reduce
your HTML markup.

My question is, if the files are valid as the W3C validator indicates,
why are all my css settings not rendered as expected while in standards
mode? To word this a different way: The validator indicates that I'm
using standard code. Why is it only rendered correctly in Quirks mode?

Validation verifies "syntax", that your code complies with the rules of

the DTD. It has nothing to do with correct coding.


--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)