Forum Moderators: open
<a href="#welcome">Welcome</a>
....
<a name = "welcome"> </a>
The internal links won't work on Mac IE 5x. I keep getting a blank page. Is there anything I'm missing? I've done a google search on the subject and come up empty handed.
<added>I just discovered something interesting. If I put the internal link RIGHT AFTER the body tag and put the scroll target RIGHT BEFORE the closing body tag, it doesn't jump to the end of the page, BUT the page doesn't go blank either.
Here's all the classes that are applied to the anchor text and the scroll target
.maindiv{
padding: 0px 15px 15px 0px;
background: #ffffff;
color: #000000;
overflow: auto;
height: 98.1%;
scrollbar-3dlight-color:#ffcc00;
scrollbar-arrow-color:#660000;
scrollbar-base-color:#ffcc00;
scrollbar-track-color:#660000;
scrollbar-darkshadow-color:#000000;
scrollbar-face-color:#ffcc00;
scrollbar-highlight-color:#990000;
scrollbar-shadow-color:#ffcc00;
}
table.indent tr td, .indent{padding: 0px 30px;}
table.indent tr td.boldtext{padding: 0px;}
</added>
<added added>Can you added added? Anyhow, I found the problem. Its the overflow: auto;. That makes me very unhappy. I don't think that Mac IE really cares, however. Just a word to the wise for the next person having this problem. </added added>
If I have a very long document in an iframe, on Mac IE 5x, I can either have a menu at the top that links to various places within the document OR I can allow the user to scroll using scrollbars BUT I cannot have both internal linking (since overflow: auto and overflow: scroll messes up the internal linking) and scrolling (since overflow: visible or overflow: clip messes up the scrolling). Have I basically got that right?
GAH! I HATE IE for the Mac!
<added>SORRY! I don't mean to keep answering my own questions, but if you're in my boat, here's a solution. When you are loading the long document, use the following javascript to be able to both scroll AND use internal links:
document.getElementById("idofcontainerdiv").style.overflow = "visible";
document.body.style.overflow = "scroll";
Now, I REALLY don't get why this works since overflow: scroll messes up internal links, BUT I'm very happy that it does work. Okay. I'll go quietly off to my corner and not talk to myself any more.</added>
I used to link to my homepage using empty anhor-text:
<a href = "">bla bla</a>. Works nicely on Windows. IF you ruin the same page on a Mac, the link will point to the current page instead of the home page (meaning no mac user could come back to my homepage)
So I tried <a href = "/">bla bla</a> - and this seems to worls on all platforms.
This behaviour doesn't seem to be an IE problem , was the same thing on Mozilla and another Browser.