Can't style objects with html 5 tags

[obiwan]

Hey folks cant seem to target and style some html tags any tips and help would be greatly appreciated.

Code: Select all

<section class="gmoudle">
    <nav id="gmNav">
      <ul id="gmList">
        <li></li>
        <li></li>
      </ul>
    </nav>
</section>


Here is the basic css that I am using.

Code: Select all

#gmNav
{
   margin:10px 0 0 0;
   width:100%;
   height:auto;
   background:#F60;
}


[/code]

[JAB Creations]

http://caniuse.com/#feat=html5

If this is true (I wouldn't know since I use XHTML 1.1) then you've made the big mistake of testing your work with Internet Explorer first.

You should never test with IE first, you should always test with standards compliant browsers (Gecko (Firefox), Presto (Opera), and WebKit (Safari)) first and then use conditional comments to fix issues in Internet Explorer.

Also they are called elements, a tag is the first and second (if not a self-closing element) word in the element. In example, "the divisible element is not floating" or, "do I put the attributes on the first or second tag in the divisible element?" are how you would use the terminology correctly.

[zcorpan]

Maybe you need to specify nav { display:block } (browsers that don't know about the new elements will render them as inline).

[freeztar]

Neither IE 8 nor Firefox 3.6 currently render HTML5 properly. I recommend using Chrome as it seems to do the best with HTML5 at this point. If you view this page using Chrome, you should see your code styled properly. I did not change anything other than adding the "Test#" text.

http://atlcomputerrepair.com/sandbox/whatwg1.html

Btw, did not need display:block, at least in Chrome.

[freeztar]

http://caniuse.com/#feat=html5

If this is true (I wouldn't know since I use XHTML 1.1) then you've made the big mistake of testing your work with Internet Explorer first.

That site is inaccurate. Firefox 3.6 does not support all features (not even most) of HTML5. Firefox 4 should fix this.

You should never test with IE first, you should always test with standards compliant browsers (Gecko (Firefox), Presto (Opera), and WebKit (Safari)) first and then use conditional comments to fix issues in Internet Explorer.

While that is good advice, there is no such thing as a standards compliant browser. There are certain browsers that are more standards compliant than others, but none are perfect.

http://www.webdevout.net/browser-support-html