I have set up a top anchor and link on the 'about' page. It works in IE but does not in Chrome or Firefox. Is there anything I can do?

biggdreams.coffeecup.com

Thanks.

There is a discussion about this kind of problem in this thread:

http://www.coffeecup.com/forums/designe … le-chrome/

Still no definite, generic 'solution' there as far as I can see, but some case-by-case insights...

Since I have seen this problem pop up occasionally since as far back as 2009, I decided to take a closer look in an attempt to come up with a generic approach that always should work. This is what i came up with:

The problem originates with the positioning of the anchor by this (VSD-generated) combination of CSS and HTML:



The page anchor, which should be a well-defined point in 2-dimensional space, becomes ill-defined when coded as a block element (<div></div>), which extends as an arbitrarily drawn rectangle on the page. Some browsers, e.g. Chrome, appears to react badly to this condition...

So instead of defining the page anchor as an arbitrarily drawn rectangle, use an HTML box with this single line of code, which defines a true point location:



This is for an anchor at the top of the page. For page anchors located elsewhere on the page, just change the "0" in "top:0px;" to the distance down from the top as needed. Keep the horizontal position at the left margin for all cases though ("left:0px;")

Good one Per, smart. I like position absolute, things know their place in the scheme of things. Shame people cannot be positioned the same.

Saved thanks.

<<<<< Is glad people can't be positioned, I'd probably be in Siberia

Seems like the safest place to be at the moment.

hahaha that could very well be Eric!