IE6 & Anchor Links

  User-CB94CED6-F3AA-42E7-8A286564F5DCBC14 11:31 25 Jan 2007
Locked

If you look at this site with IE6 there is a strange behaviour with the in-page anchor links where IE6 will set them all 'visited' (grey) even when they have not been visited.

The ordinary site navigation links work OK (grey only if visited).

With all other browsers all works OK even IE7.

Any ideas as to why IE6 does not conform (is it a bug)?

Code below for you to see.

Here is an example xhtml code:

!-- NAVIGATION -->
!-- Navigation Level 3 -->
div class="leftsideCol"> !-- InstanceBeginEditable name="sideNav" -->
ul>
li class="title">In-Page links /li>
li> a href="#">Governors /a> /li>
li> a href="#pta">Parents Association /a> /li>
li> a href="#staff">Staff /a> /li>
/ul>
.... /div>

and here is its CSS styling:

.leftsideCol ul {
margin: 0px 0px 0px 0px;
padding: 0px;
}
.leftsideCol li {
display: block;
list-style: none;
}
.leftsideCol li.title {
/*title of column is actually an li*/
color: #fff;
text-transform: uppercase;
text-align: center;
font-weight: bold;
background-color: #41a9ef;
height: 21px;
border-bottom: 2px solid #0c578d;
line-height: 1.5em;/*to center lfc top header*/
}
.leftsideCol li a {
height: 1.3em;
padding: 0px 0px 0px 2px;
border-left: solid 7px #fff;
font-weight: bold;
text-decoration: none;
}
.leftsideCol li a:link {
color: #0c578d;
}
.leftsideCol li a:visited{
color: #888888;
}
.leftsideCol li a:hover, .leftsideCol li a.selected{
border-left: solid 7px #d52c1e;
border-bottom: 1px solid #d52c1e;
}

click here

Sorry!

This thread is now locked and can not be replied to.

Elsewhere on IDG sites

Fujitsu Lifebook P727 laptop review

Lightwell software lets you create mobile apps without using code

Best value Mac: Which is the best £1249 Mac to buy

Comment désactiver les programmes qui s'exécutent au démarrage de Windows 10 ?