Home/ Questions/Q 6081751
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T11:12:39+00:00

I am working on a new HTML5 template. I am using the <header></header> element

  • 0

I am working on a new HTML5 template. I am using the <header></header> element on the page with a simple logo background image.

header{ width:100%; height:100px; background:url(/dev-acn/img/header-logo-bg.jpg) 45px center no-repeat; }

Dev page: http://www.bcidaho.com/dev-acn/index.asp

I can see the background Image in PC Chrome, PC FF4, and on MAC FF5, however it does not display in IE6, IE7, or IE8…and when I open the developer tools in IE8 from some reason there is no opening <header> element tag in the code inspector just the </header> closing tag.

Does IE not recognize the <header> element, even if i have properties defined in the style.css? (located: http://www.bcidaho.com/dev-acn/css/style.css )

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You need to include the html5shiv, which turns the new semantic HTML5 elements into block-level elements so IE can style them. It’s a simple hack, so check the source to see exactly what it’s doing.

    • 0