2

I have a single-page HTML5 website with navigation that should send the user to that section. Works great in all browsers except IE8, which doesn't do anything. Dummied version of what I have:

<a href="#about">About</a>
<a href="#work">Work</a>
<a href="#services">Services</a>
<a href="#process">Process</a>
<a href="#contact">Contact</a>

<section id="about">
...
</section>

<section id="work">
...
</section>

<section id="services">
...
</section>

<section id="process">
...
</section>

<section id="contact">
...
</section>

Did a search with no luck. Saw some solutions about adding non-breaking spaces or some text to the targeted section/div, but that didn't work. Stumped.

crimsonvessel
  • 197
  • 3
  • 10

2 Answers2

1

At first, Internet Explorer 8 does not support HTML5, so it doesn't understand the section tag.

The second point is, that normally the name-attribute is used to create anchors on sites.

You can try adding name-attributes to your section tags, but I think IE won't understand this too, so you would have to use divs or do a workaround with some javascript.

Pixelmonster
  • 396
  • 7
  • 15
1

Firstly, use name rather than id (or possibly name as well as id, if you also need to use the id for something else).

<section name="work">

Secondly, IE8 and earlier doesn't support the new HTML5 elements like <section>.

In order to fix this, you need to use a hack like the html5shiv. (or use Modernizr which has html5shiv built in).

Both html5shiv and Modernizr are Javascript based. If you don't want to or can't use them for whatever reason, then you'll have to switch to using HTML tags that IE8 does support, like <div>.

Hope that helps.

Spudley
  • 166,037
  • 39
  • 233
  • 307
  • I'm OK with a JS solution in this instance, though that's all good to know in the future. Plugged in html5shiv and added name attributes, and now it works like a charm. Thanks! Also, I should clarify that I was not having this problem in IE7 on down. Just 8. – crimsonvessel Mar 16 '13 at 11:46
  • Having this problem even on latest chrome Version 33.0.1750.117 – JGallardo Mar 04 '14 at 00:41