Forum Moderators: open

Message Too Old, No Replies

Problem with internal links on a mac

Mac IE doesn't like internal links in an iframe

         

AWildman

2:41 pm on Aug 25, 2003 (gmt 0)

10+ Year Member



I have a site that uses iframes. Many of the documents displayed within the iframe have a menu at the top which contains many internal links. They are all of the form :

<a href="#welcome">Welcome</a>
....
<a name = "welcome">&nbsp;</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.

AWildman

4:43 pm on Aug 25, 2003 (gmt 0)

10+ Year Member



It also doesn't work to have a link in the parent document referring to an internal link within the framed document. The iframe will still show a blank page.

<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>

tedster

7:19 pm on Aug 25, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I remember this being reported before somewhere, although your comments are more in depth. IE5 Mac is one of the crabbiest browsers still in use.

AWildman

1:11 pm on Aug 26, 2003 (gmt 0)

10+ Year Member



I've been playing around with this and come to this conclusion. Please someone tell me I'm wrong.

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>

the_nerd

7:06 am on Sep 11, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Maybe that's not what you asked, but it may be related somehow:

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.