On this page, the body text in the main content includes six links that use identical markup-- no classes, ids or any other style-relevant attributes to distinguish them. The text enclosed by anchors 1, 2, and 6 appear as they should, in the flow of the paragraph text.

However, anchors 3, 4, and 5 are horizontally displaced, displaying 510 pixels to the left of the paragraph they are in, as thought they were positioned left: 510px;.

I've looked at them using Opera's dev tools to see what styles Opera is using to render them, but the dev toolbar points to the exact same lines that render the other anchors, correctly. As far as I know, Opera is the only browser rendering them this way, but it renders this way in versions 9 and 10.

The stylesheet uses relative positioning on anchor elements to indicate hover and focus states, like so:

a {
    position: relative;
}
a:focus,a:hover {
    top: 1px;
}

...but there are no settings for left or right positioning.

Warm regards,
John

2 answers

danwellman 5600
0
points

Dragonfly is reporting a computed left style of 268px. Not sure where it's getting this from but have you tried setting left to 0..?

Answered over 6 years ago by danwellman
  • I saw that too, and I considered explicitly zeroing out `left`; but I thought it would be wise to diagnose the problem before trying a bunch of prescriptions. Anyway, it didn't work as you can see. Thanks for your thoughts! I guess this is not a well-documented rendering quirk. John Stephens over 6 years ago
danwellman 5600
-1
points

The document is not quite valid, two links have the same id and a footer element is not in the correct place (accoding to Total Validator).

Start from a clean slate and random issues such as this may well fix themselves ;)

Answered over 6 years ago by danwellman
  • Thanks for pointing me to Total Validator, but the issues you highlighter are finer accessibility points of which visual browsers are ignorant-- especially the footer issue, which pertains to a spec that browsers do not yet acknowledge. Anyway, I'm glad to have those issues cleaned up, and to have TV back in my bookmarks, but the strange display issue remains. John Stephens over 6 years ago