Per wrote:

I vaguely remembered having seen a very similar case of different behavior in VSD between Chrome and other browsers quite some time ago. I searched the forums and found this:
http://www.coffeecup.com/forums/designe … m-to-work/

Unfortunately it doesn't really seem to provide a solution but if you read through it, maybe you'll get some ideas...

paintbrush wrote:

Have you tried these without the page name:

Upon editing the HTML I noticed the anchor objects are all grouped together, for example:

<div class="Object4031"><a name="Mind2"></a></div>

And then these objects are positioned as follows:

div.Object4031 { position:absolute; top:1228px; left:238px; width:15px; z-index:63; }

<h2 name="#kids"></h2>

should be

<h2 id="kids"></h2>

then it will work in all browsers except Netscape 4.

Id is used to identify the HTML element through the Document Object Model (via Javascript or styled with CSS). Id is expected to be unique within the page.

Gunsmoke wrote:
Bear in mind, I'm not really a coder, but I did find this. Don't know if it really makes a difference...

Eric wrote:
Put the anchors in their own html box so you not altering the source.

Per wrote:
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;")