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/

Reply via email to