Named anchors, scrollable divs, and IE for mac, the love story.

@Ness_du_FratJun 02.2005

Hello !!!!
I’m having a not-so-unexpected problem regarding named anchors on IE mac.
My page is structured like that :
<body>
<div></div>
<div></div>
<div></div>
… <– divs for the design and the menu
<div id=”frame”>
all my stuff inside
</div>
<div></div>
<div></div>
</body>

I defined : base target=”_self”
The problem, on IE mac, is that on my page, if I click a named anchor, instead of going to the targeted thing, it will just reload the page and stay where it was.
I assume it’s because I’m using a scrollable div and not a frame, but it’s annoying.
It works in all other browsers, of course.
Any idea how I could fix that ?
Thanks a lot,
Ness

Edit : if I provide a page, it might be easier… silly me… ~~[URL=http://enfantsdelo.free.fr/map.php]~~Page[/URL]
Oh, and doesn’t work on Netscape 6.0 either…
second edit : it doesn’t work with Safari either…

So, basically, it works with FF pc and mac, IE pc, Opera 8.

to post a comment

CSS

18 Comments(s) _↴

@FangJun 02.2005 — #Try: [I]document.getElementById('elmID').scrollIntoView(true);[/I]

@Ness_du_FratauthorJun 03.2005 — #thanks for your suggestion, Fang, but I'm not using ANY javascript on the page. I usually do, but for this specific website, I won't.

But it's strange that it's like that...

target=_self is the right thing, no ?

I don't think I made a mistake in defining my anchors, I'm quite used to doing it... ?

@FangJun 03.2005 — #Try with [I]name[/I] and [I]id[/I] with the same value.

@Ness_du_FratauthorJun 03.2005 — #mmm, why not ! I'll give it a try, thanks ! ( I'll keep you informed about that... but later, because now I'm on my pc, with a decent netscape version, and of course, no IE for mac... ? )

@Ness_du_FratauthorJun 03.2005 — #I tried... It doesn't work, at least not in Opera 7.5... ?

@Ness_du_FratauthorJun 04.2005 — #Try: [I]document.getElementById('elmID').scrollIntoView(true);[/I][/QUOTE]

I finally tried this one, and if it works fine in FF, it doesn't work at all on Opera. No improvement.

Anybody ???

Pretty pretty please ? with sugar and cherry on top ? ?

@LiLcRaZyFuZzYJun 04.2005 — #thanks for your suggestion, Fang, but [I][B]I'm not using [U]ANY[/U] javascript[/B][/I] on the page. I usually do, but for this specific website, I won't.[/QUOTE]

what about that fading text scroller!? :p

@FangJun 04.2005 — #Some versions of Opera have a problem/bug with anchor bookmarks (7.0 to 7.6 I believe). In Opera8 the links work.

@Ness_du_FratauthorJun 04.2005 — #what about that fading text scroller!? :p[/QUOTE]
héhéhé, that's the only one, and it has a noscript tag as well, so that all browsers not having javascript enabled can still view it ?

@Ness_du_FratauthorJun 04.2005 — #Some versions of Opera have a problem/bug with anchor bookmarks (7.0 to 7.6 I believe). In Opera8 the links work.[/QUOTE]
yeah, I know. But... it doesn't work in Safari ( latest version ), IE for mac ( latest version ), and Netscape 7.5 and earlier, as well as Opera 7.5 and earlier...

It's starting to make a big bunch of browsers... ?

@FangJun 04.2005 — #Some of the bookmarks are wrong:<a name="divers[COLOR=Red]a[/COLOR]" id="diversa" class ...Check them all!

Older browsers can only use [I]name[/I] as a bookmark.

@Ness_du_FratauthorJun 04.2005 — #No, they are not wrong, I just didn't change them. I changed the first three of them, to give them the same name and id, and after that, when I noticed it didn't work, I didn't bother to change the rest of them, as it seemed pointless anyway.

Do you think it might be a problem if some of them are changed and some not ? In that case, I can try to change them all, but I doubt it will make any difference.

@FangJun 04.2005 — #Netscape works with the JavaScript solution. Opera has not implemented [I]scrollIntoView[/I] and has a bug with the bookmarks, except for Opera 8.

@Ness_du_FratauthorJun 04.2005 — #Can I make both the javascript AND the normal anchor in one ?

I mean, if I put the javascript thing, then, what will happen in FF : will FF use the normal anchor or will it use the js ?

Then, what happens in FF if the javascript is turned of ?

I'll give it a try with netscape...

@FangJun 04.2005 — #Something like this:<a href="#xxxx" onclick="document.getElementById('xxxx').scrollIntoView(true);">bookmark</a>
In (older versions of ) Opera you will have to change the containers overflow to visible.

@Ness_du_FratauthorJun 04.2005 — #mmm, thanks... actually, I saw that it does work in Netscape 7.0 ( the simple anchor stuff )

What do you mean by changing the containers overflow to visible ? Which containers ?

For the moment, I have overflow : auto; on my pseudo frame...

@FangJun 04.2005 — #

<i>
 </i>onload=function() {
 if(window.opera) { document.getElementById('frame').style.overflow='visible';}
 }

which should allow the bookmarks to work in Opera.

@Ness_du_FratauthorJun 04.2005 — #mmm... I tried that, and it didn't work. Moreover, it ruined my design by stretching the page...

I think I'll just stick to the normal version, and if it doesn't work, then the people just can change their browser...

anyway, thanks for your help.

Also in #CSS _↴

FF IE Discrpancy #90,375,403 background issues Floated DIVs not clearing properly in IE7 (and, I suppose, IE6)

Success!

Help @Ness_du_Frat spread the word by sharing this article on Twitter...

Tweet This

Named anchors, scrollable divs, and IE for mac, the love story.

18 Comments(s) _↴

Also in #CSS _↴

Success!

Social

Version

Named anchors, scrollable divs, and IE for mac, the love story.

18 Comments(s) ↴

Also in #CSS ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

18 Comments(s) _↴

Also in #CSS _↴