Solved

IE8 Anchor Link not working

Posted on 2012-04-09
4
654 Views
Last Modified: 2012-04-14
It is pretty simple, but it is driving me nutts.

I have this site:

http://mydomain.com/client/verde.php

Try it in Chrome, FF or even IE7
After the introductory animation, when you click the "3.1","3.2", etc it links to a specific position in a table, defined by an id.

However if you try it in IE8 it simply doesn't work. Is there any workaround you can think of?
0
Comment
Question by:robrodp
  • 2
  • 2
4 Comments
 
LVL 10

Accepted Solution

by:
asavah earned 500 total points
ID: 37826848
It's a known MSIE 8 bug :(
It won'be fixed in 8, as they alredy have release IE9 which has this fixed.
Workaround:

intead of <a name="s3.1"></a> try <a name="s3.1">&nbsp;</a>

IE8 seems to need something inside <a></a> for the anchors to work.
0
 

Author Comment

by:robrodp
ID: 37827891
I am now seeing some erratic behavior on FF as well. Has anybody tried it? How is it working? In firefox it is pointing to the right anchor then immediately returning to the top of the table. Any suggestions?

Asavah, I have tried your suggestion without any luck.
0
 
LVL 10

Expert Comment

by:asavah
ID: 37830427
Hmm I'm at home now , don't have a machine with ie8 here.
And about firefox , it's sad but i'm using FF 14.0a1 nigthly and I could reproduce the behaviour you're talking about, yes, it's pointing to the right anchor then immediately returning to the top, strange.
Tomorrow at work I will take a closer look at it.
0
 

Author Comment

by:robrodp
ID: 37832530
I'll be waiting for that. Thanks
0

Featured Post

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …

912 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

24 Experts available now in Live!

Get 1:1 Help Now