Web fixed page header and in-page anchors went wrong position

Asked Sep 05 '13 at 02:42

Active Sep 05 '13 at 04:24

Viewed 171 times

I have a trouble in web fixed page header and in-page anchors. First I see this post: "HTML position:fixed page header and in-page anchors" , then I type the code below:

HTML:

<a href="category.html#phone">PHONE</a>
<div class="subject2">PHONE</div>
<a name="phone" class="anchor"></a>

CSS:

.anchor{
    position:relative;
    top:-166px;
}

SEE ON jsfiddle

This works on Chrome and Firefox in office computer, but the strange thing happen when I see on my own computer: the anchor shows top:0 instead of top:-166, just like IE!

What's wrong when it show different in same browser? What did I miss?

Thank you! :)

edited May 23 '17 at 12:05

Community

asked Sep 05 '13 at 02:42

Zona Lin

1

When asking a question like this, it is helpful to add a [jsfiddle](http://jsfiddle.net) or the like. – patricksweeney Sep 05 '13 at 02:46
1

"top" is typically used with elements that are positioned absolutely, and this can lead to unpredictable behavior when used with relatively positioned elements. – patricksweeney Sep 05 '13 at 02:50
Please don't use the "fix" tag unless your question is about FIX protocol. – Grant Birchmeier Sep 05 '13 at 04:24

Web fixed page header and in-page anchors went wrong position

0 Answers0