Bookmark / hyperlink not working in IE

Discussion in 'HTML' started by Michael Laplante, May 17, 2006.

  1. Okay, wtf is going on in IE? At the top of my page:

    <div id="guardian">
    <img alt="guardian (7K)" src="image/guardian.gif" height=
    "101" width="381">
    </div>

    At the bottom of my page:
    <a href="#guardian">Back to top</a>

    Link works in Gecko browsers, but not IE. Help!

    (Note: Page isn't up yet so can't give URL.)

    M
    Michael Laplante, May 17, 2006
    #1
    1. Advertising

  2. Michael Laplante wrote:
    > Okay, wtf is going on in IE? At the top of my page:
    >
    > <div id="guardian">
    > <img alt="guardian (7K)" src="image/guardian.gif" height=
    > "101" width="381">
    > </div>
    >
    > At the bottom of my page:
    > <a href="#guardian">Back to top</a>
    >
    > Link works in Gecko browsers, but not IE. Help!
    >
    > (Note: Page isn't up yet so can't give URL.)


    Well, put it up temporarily, because we cannot tell from what you
    posted. Problem maybe elsewhere like a duplicate id.

    --
    Take care,

    Jonathan
    -------------------
    LITTLE WORKS STUDIO
    http://www.LittleWorksStudio.com
    Jonathan N. Little, May 17, 2006
    #2
    1. Advertising

  3. Michael Laplante

    \(Elmo\) Guest

    I just tried it in IE6 locally, and it worked just fine.
    I added it to a long page I had created already.

    "Michael Laplante" <> wrote in message
    news:eek:pJag.9650$zn1.5681@clgrps13...
    > Okay, wtf is going on in IE? At the top of my page:
    >
    > <div id="guardian">
    > <img alt="guardian (7K)" src="image/guardian.gif" height=
    > "101" width="381">
    > </div>
    >
    > At the bottom of my page:
    > <a href="#guardian">Back to top</a>
    >
    > Link works in Gecko browsers, but not IE. Help!
    >
    > (Note: Page isn't up yet so can't give URL.)
    >
    > M
    >




    *** Posted via a free Usenet account from http://www.teranews.com ***
    \(Elmo\), May 17, 2006
    #3
  4. Michael Laplante

    Jim Moe Guest

    Jonathan N. Little wrote:
    >>
    >> At the bottom of my page:
    >> <a href="#guardian">Back to top</a>
    >>

    Try <a href="./pagename.html#guardian">Back to top</a>

    --
    jmm (hyphen) list (at) sohnen-moe (dot) com
    (Remove .AXSPAMGN for email)
    Jim Moe, May 17, 2006
    #4
  5. On Wed, 17 May 2006 21:00:58 +0200, Jim Moe
    <> wrote:

    > Jonathan N. Little wrote:
    >>>
    >>> At the bottom of my page:
    >>> <a href="#guardian">Back to top</a>
    >>>

    > Try <a href="./pagename.html#guardian">Back to top</a>


    Better yet: just leave it out. In my browser [Ctrl]+[Home] does that job
    perfectly well. I don't need a webauthor to provide functions in the page
    that are provided for.



    --
    ______PretLetters:
    | weblog | http://www.pretletters.net/weblog/weblog.html |
    | webontwerp | http://www.pretletters.net/html/webontwerp.html |
    |zweefvliegen | http://www.pretletters.net/html/vliegen.html |
    Barbara de Zoete, May 17, 2006
    #5
  6. "Barbara de Zoete" <> wrote in message
    news:eek:p.s9plwtdxl8uz2z@zoete_b...
    > On Wed, 17 May 2006 21:00:58 +0200, Jim Moe
    > <> wrote:


    > Better yet: just leave it out. In my browser [Ctrl]+[Home] does that job
    > perfectly well.


    Not all people are as conversant with keyboard shortcuts as the people in
    this ng. But, otherwise, yes, a good suggestion. . .thx.

    M
    Michael Laplante, May 17, 2006
    #6
  7. "Jonathan N. Little" <> wrote in message
    news:446b6461$0$3704$...
    > Michael Laplante wrote:


    > Well, put it up temporarily, because we cannot tell from what you posted.
    > Problem maybe elsewhere like a duplicate id.


    If I can't crack it soon, I'll do that. . .

    M
    Michael Laplante, May 17, 2006
    #7
  8. "Michael Laplante" <> wrote in message
    news:E5Lag.23563$Fl1.8189@edtnps89...
    > "Jonathan N. Little" <> wrote in message
    > news:446b6461$0$3704$...



    Never mind previous post. The page is up temporarily at:
    http://www3.telus.net/public/tao55/temp/comments.htm

    No images uploaded but the rest is there. . .

    Still doesn't work in IE but works fine in FF. What gives?

    M

    PS: Before someone mentions it:
    1. Yes, I know I have a table for a nav menu. :)
    Michael Laplante, May 17, 2006
    #8
  9. Michael Laplante

    Andy Guest

    " (Elmo)" <> wrote in message
    news:446b62db$0$24275$...
    > I just tried it in IE6 locally, and it worked just fine.
    > I added it to a long page I had created already.
    >
    > "Michael Laplante" <> wrote in message
    > news:eek:pJag.9650$zn1.5681@clgrps13...
    > > Okay, wtf is going on in IE? At the top of my page:
    > >
    > > <div id="guardian">
    > > <img alt="guardian (7K)" src="image/guardian.gif" height=
    > > "101" width="381">
    > > </div>
    > >
    > > At the bottom of my page:
    > > <a href="#guardian">Back to top</a>
    > >
    > > Link works in Gecko browsers, but not IE. Help!
    > >
    > > (Note: Page isn't up yet so can't give URL.)
    > >
    > > M
    > >

    >
    >


    I usually use:
    <a name="top" id="top">

    so I think that would make your <div id = ***> into <a name= "guardian"
    id="guardian">

    Hope that helps.
    Andy, May 17, 2006
    #9
  10. Michael Laplante wrote:
    > "Michael Laplante" <> wrote in message
    > news:E5Lag.23563$Fl1.8189@edtnps89...
    >> "Jonathan N. Little" <> wrote in message
    >> news:446b6461$0$3704$...

    >
    >
    > Never mind previous post. The page is up temporarily at:
    > http://www3.telus.net/public/tao55/temp/comments.htm
    >
    > No images uploaded but the rest is there. . .
    >
    > Still doesn't work in IE but works fine in FF. What gives?


    When I save your file to my own server it works. When I also save your
    CSS file to my server, then it doesn't work. There's something about the
    way your CSS is laying out your page that is causing IE not to be able
    to figure out how to move to the right place. I suspect it's the
    absolute positioning.
    Harlan Messinger, May 18, 2006
    #10
  11. Michael Laplante

    Neredbojias Guest

    To further the education of mankind, "Michael Laplante"
    <> vouchsafed:

    > "Michael Laplante" <> wrote in message
    > news:E5Lag.23563$Fl1.8189@edtnps89...
    >> "Jonathan N. Little" <> wrote in message
    >> news:446b6461$0$3704$...

    >
    >
    > Never mind previous post. The page is up temporarily at:
    > http://www3.telus.net/public/tao55/temp/comments.htm
    >
    > No images uploaded but the rest is there. . .
    >
    > Still doesn't work in IE but works fine in FF. What gives?


    I saved it both as "web page" and copy-paste the text, and it works. Did
    you try Jim Moe's suggestion?

    --
    Neredbojias
    Infinity has its limits.
    Neredbojias, May 18, 2006
    #11
  12. Neredbojias wrote:
    > To further the education of mankind, "Michael Laplante"
    > <> vouchsafed:
    >
    >> "Michael Laplante" <> wrote in message
    >> news:E5Lag.23563$Fl1.8189@edtnps89...
    >>> "Jonathan N. Little" <> wrote in message
    >>> news:446b6461$0$3704$...

    >>
    >> Never mind previous post. The page is up temporarily at:
    >> http://www3.telus.net/public/tao55/temp/comments.htm
    >>
    >> No images uploaded but the rest is there. . .
    >>
    >> Still doesn't work in IE but works fine in FF. What gives?

    >
    > I saved it both as "web page" and copy-paste the text, and it works. Did
    > you try Jim Moe's suggestion?
    >


    Must be something with the absolute positioning, not sure what because
    #heartbeat moves you to the top but not #guardian!

    Simple solution:

    <a href="#heartbeat">Back to top</a>

    or waste hours trying to figure out IE's quirks, of course running in
    quirks mode is not help your situation:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">



    --
    Take care,

    Jonathan
    -------------------
    LITTLE WORKS STUDIO
    http://www.LittleWorksStudio.com
    Jonathan N. Little, May 18, 2006
    #12
  13. "Jonathan N. Little" <> wrote in message
    news:446bbcde$0$3681$...
    > Neredbojias wrote:


    > Must be something with the absolute positioning, not sure what because
    > #heartbeat moves you to the top but not #guardian!


    > or waste hours trying to figure out IE's quirks, of course running in
    > quirks mode is not help your situation:


    FWIW, I did try it in strict mode but no diff. Thanks for the look. . . I'll
    experiment with the absolute positioning thing.

    M
    Michael Laplante, May 18, 2006
    #13
  14. "Jim Moe" <> wrote in message
    news:...
    > Jonathan N. Little wrote:
    >>>
    >>> At the bottom of my page:
    >>> <a href="#guardian">Back to top</a>
    >>>

    > Try <a href="./pagename.html#guardian">Back to top</a>


    No go, I'm afraid. A little experimentation reveals the problem to be the
    #guardian definition in the style sheet. It absolutely positions a graphic
    wrt to the top and left hand edges of the page. Take away the positioning
    and the link works fine. Why that should be is a mystery to me. Will keep
    experimenting. . .

    M
    Michael Laplante, May 18, 2006
    #14
  15. Michael Laplante wrote:
    > "Jonathan N. Little" <> wrote in message
    > news:446bbcde$0$3681$...
    >> Neredbojias wrote:

    >
    >> Must be something with the absolute positioning, not sure what because
    >> #heartbeat moves you to the top but not #guardian!

    >
    >> or waste hours trying to figure out IE's quirks, of course running in
    >> quirks mode is not help your situation:

    >
    > FWIW, I did try it in strict mode but no diff. Thanks for the look. . . I'll
    > experiment with the absolute positioning thing.


    Did not say switch you DocType would solve you problem, but being in
    quirks mode is certainly not helping your situation. New docs should be
    strict


    --
    Take care,

    Jonathan
    -------------------
    LITTLE WORKS STUDIO
    http://www.LittleWorksStudio.com
    Jonathan N. Little, May 18, 2006
    #15
  16. Michael Laplante

    Neredbojias Guest

    To further the education of mankind, "Jonathan N. Little"
    <> vouchsafed:

    >> I saved it both as "web page" and copy-paste the text, and it works.
    >> Did you try Jim Moe's suggestion?
    >>

    >
    > Must be something with the absolute positioning, not sure what because
    > #heartbeat moves you to the top but not #guardian!
    >
    > Simple solution:
    >
    > <a href="#heartbeat">Back to top</a>


    It's funny it works locally but not online, though. Gotta be a bug.

    --
    Neredbojias
    Infinity has its limits.
    Neredbojias, May 18, 2006
    #16
  17. "Neredbojias" <http://www.neredbojias.com/fliam.php?cat=alt.html> wrote in
    message news:Xns97C76EB32585httpwwwneredbojiasco@208.49.80.251...

    >> Simple solution:
    >>
    >> <a href="#heartbeat">Back to top</a>

    >
    > It's funny it works locally but not online, though. Gotta be a bug.


    I can't even get it to work locally. I played around last night -- it's some
    sort of interaction thing between the two top graphics (guardian and
    heartbeat) but damn if I can figure it out.

    M
    Michael Laplante, May 18, 2006
    #17
  18. Michael Laplante wrote:
    > "Neredbojias" <http://www.neredbojias.com/fliam.php?cat=alt.html> wrote in
    > message news:Xns97C76EB32585httpwwwneredbojiasco@208.49.80.251...
    >
    >>> Simple solution:
    >>>
    >>> <a href="#heartbeat">Back to top</a>

    >> It's funny it works locally but not online, though. Gotta be a bug.

    >
    > I can't even get it to work locally. I played around last night -- it's some
    > sort of interaction thing between the two top graphics (guardian and
    > heartbeat) but damn if I can figure it out.


    options:

    1) switch to strict doc type and refrain from reliance on absolute
    positioning, many times you can get the same effect without

    2) switch "to top" link to anchor on element that is not positioned
    absolutely

    3) forget the "to top" link

    --
    Take care,

    Jonathan
    -------------------
    LITTLE WORKS STUDIO
    http://www.LittleWorksStudio.com
    Jonathan N. Little, May 18, 2006
    #18
  19. "Jonathan N. Little" <> wrote in message
    news:446c9d8c$0$3685$...
    > Michael Laplante wrote:
    >> "Neredbojias" <http://www.neredbojias.com/fliam.php?cat=alt.html> wrote
    >> in message news:Xns97C76EB32585httpwwwneredbojiasco@208.49.80.251...

    > options:
    >
    > 1) switch to strict doc type and refrain from reliance on absolute
    > positioning, many times you can get the same effect without
    >
    > 2) switch "to top" link to anchor on element that is not positioned
    > absolutely


    Probably go with 2, or use margins to set graphics rather than abs. pos.
    Thx.

    M
    Michael Laplante, May 18, 2006
    #19
  20. Michael Laplante wrote:
    > "Jonathan N. Little" <> wrote in message
    > news:446c9d8c$0$3685$...
    >> Michael Laplante wrote:
    >>> "Neredbojias" <http://www.neredbojias.com/fliam.php?cat=alt.html> wrote
    >>> in message news:Xns97C76EB32585httpwwwneredbojiasco@208.49.80.251...

    >> options:
    >>
    >> 1) switch to strict doc type and refrain from reliance on absolute
    >> positioning, many times you can get the same effect without
    >>
    >> 2) switch "to top" link to anchor on element that is not positioned
    >> absolutely

    >
    > Probably go with 2, or use margins to set graphics rather than abs. pos.
    > Thx.


    I would go with #1 and use margins you will discover an added benefit
    that with page will print more reliably

    --
    Take care,

    Jonathan
    -------------------
    LITTLE WORKS STUDIO
    http://www.LittleWorksStudio.com
    Jonathan N. Little, May 18, 2006
    #20
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. goinoutwest
    Replies:
    0
    Views:
    475
    goinoutwest
    Aug 5, 2004
  2. =?Utf-8?B?TGFycnk=?=
    Replies:
    2
    Views:
    606
    =?Utf-8?B?TGFycnk=?=
    Jan 2, 2006
  3. davetichenor
    Replies:
    1
    Views:
    803
    Eliyahu Goldin
    Oct 30, 2006
  4. Ken
    Replies:
    1
    Views:
    360
    Alvin Bruney
    Aug 16, 2003
  5. Dave
    Replies:
    0
    Views:
    922
Loading...

Share This Page