Michael, This is a Javascript issue. As Modernizr's documentation explains, IE will 'fall through' DOM elements it doesn't understand, and without it they will not be rendered as part of the DOM proper (and as such will not exist for the sake of CSS styling, Javascript manipulation, etc).
Without seeing your code, I can only guess at what the exact cause of the problem is, but my hunch is that Modernizr's HTML5 shiv is getting executed after the relevant markup has been rendered. For the HTML5 shiv to work, it needs to be loaded (or embedded) and executed before any of the elements it refers to are encountered in the markup source. Are you deferring the script's load and execution via the defer attribute, or via a framework like RequireJS or LABjs? Are you bottom-loading Modernizr, ie calling it from the bottom of the body tag instead of in the head? Regards, Barney Carroll [email protected] 07594 506 381 On 7 February 2011 17:53, Dan Kaufman <[email protected]> wrote: > My first reaction to the code you've shown is that the syntax may not be > correct. > > <header> > <H1 id=Name><A id=top></A>Michael Bierman </H1> > <P class=Contacts>email:-deleted-| webaddress... </P> > </header> > > I don't see and "quotes" on the id names, such as: > > <header> > <H1 id="Name"><A id="top"></A>Michael Bierman </H1> > <P class="Contacts">email:-deleted-| webaddress... </P> > </header> > > > > -----Original Message----- > From: [email protected] > [mailto:[email protected]] On Behalf Of Michael Bierman > Sent: Monday, February 07, 2011 9:46 AM > To: [email protected] > Subject: [css-d] modernizer usage > > Hi, > > I hope that someone can help. > > I'm trying to use modernizer (http://www.modernizr.com/) 1.6 which > seems to work well except for the following: > > I am using the <header> element. I am unable to style it however. The > code in question looks like this: > > <header> > <H1 id=Name><A id=top></A>Michael Bierman </H1> > <P class=Contacts>email:-deleted-| webaddress... </P> > </header> > > When I look in Explorer, I see the following nodes: > > <H1 id=Name><A id=top></A>Michael Bierman </H1> > <P class=Contacts>email:-deleted-| webaddress... </P> > </header/> > > So of course no css was working on the header tag. The following hack > works, but seems contrary to modernizer's usage: > <header> > <div id="header"> > <h1 id=Name><A id=top></A>Michael Bierman </h1> > <p class=Contacts>email:-deleted-| webaddress... </p> > <div> > </header> > > Any advice would be greatly appreciated. > > > Michael Bierman > ______________________________________________________________________ > css-discuss [[email protected]] > 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/ > > > ______________________________________________________________________ > css-discuss [[email protected]] > 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/ > ______________________________________________________________________ css-discuss [[email protected]] 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/
