Solved

IE8 Anchor Link not working

Posted on 2012-04-09
4
656 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

Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

Question has a verified solution.

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

Introduction JSON is an acronym for JavaScript Object Notation.  It is a text-string data transport mechanism, capable of representing simple or complex data structures in a consistent and easy-to-read manner.  Similar in concept to XML, but more e…
Find out what you should include to make the best professional email signature for your organization.
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

773 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