On Tue, Jun 9, 2009 at 12:59 PM, Nancy Johnson<njohnso...@gmail.com> wrote: > I was playing around with html 5.0. This is my first time and I > couldn't get the following to style correctly in Firefox 2 or 3 > However, because of the javascript it worked fine in IE6 and 7. What > am I doing wrong? > I couldn't get the H1 style to work within the header. >
At this point, any new "block-level" elements in HTML5 need to be explicitly identified as such, so add this to your style sheet, and it should work in Firefox 3: header { display: block; } Regarding Firefox 2, that version of the Gecko rendering engine has a few issues with some of the new elements, but Remy Sharp has some useful advice for dealing with that: http://remysharp.com/2009/04/14/html5-and-firefox2/ A couple resources to start out with learning HTML5 are the following: Bruce Lawson's blog: http://www.brucelawson.co.uk/category/accessibility-web-standards/html5/ "HTML 5 differences": http://dev.w3.org/html5/html4-differences/ "Preparing for HTML5 with Semantic Class Names": http://jontangerine.com/log/2008/03/preparing-for-html5-with-semantic-class-names Erik ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/