CODEWITHSUNDEEP
cssinternet-explorerinternet-explorer-7
Jennifer Heller
Jennifer Heller

Reputation: 39

Header not appearing in IE 7...what could be wrong?

As usual, we have an issue in IE.

For whatever reason, the header is not appearing at ALL in IE7.

http://stevens.usc.edu/innovationatUSC/

Any help at all would be appreciated!

Upvotes: 0

Views: 390

Answers (4)

Billy Moat
Billy Moat

Reputation: 21050

Try setting a width on the header element.

You have a ".header {width:960px)" in your stylesheet but this isn't affecting the header element as it's not a class so it should just be "header {width:960px)".

It should probably inherit the width from it's parent element #page, but with IE you just never know.

Upvotes: 0

Pablo Rincon
Pablo Rincon

Reputation: 1039

Insert this code in the head element:

<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

Also, you should add as part of your css reset a 'display:block' for all html5 elements so that IE knows they are block elements:

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}

Upvotes: 1

Bogdan Emil Mariesan
Bogdan Emil Mariesan

Reputation: 5647

As described in the Dive Into Html 5 the tag is not supported by default in IE7.

http://fortuito.us/diveintohtml5/semantics.html#unknown-elements

Upvotes: 0

George Katsanos
George Katsanos

Reputation: 14165

IE7 doesn't understand HTML5 elements, you need a "shiv", here's where you can find it: http://code.google.com/p/html5shiv/

Upvotes: 1

Related Questions