CODEWITHSUNDEEP
htmlcssinternet-explorerinternet-explorer-7
472084
472084

Reputation: 17885

My <nav> element isn't showing up in IE7 at all

The website is http://goo.gl/e2Ipj

I cant get the nav (the six links at the top) to show up in IE7 at all, i have tried playing with height and position and z-index and nothing makes it show.

I am also using:

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

To make sure the nav element is displayed correctly, as it's HTML5. I am also using header/footer and they display fine.

Any ideas? Thanks.

Upvotes: 0

Views: 609

Answers (1)

Niet the Dark Absol
Niet the Dark Absol

Reputation: 324630

The <nav> is being rendered above the page (31 pixels above it, to be exact). This is because IE7 does not support height: inherit. In fact it doesn't support inherit at all.

Set the height explicitly, and the navigation pops right into place.

Upvotes: 1

Related Questions