Sliding Doors - Verweisziele öffnen sich nicht mit linkem Mausklick im IE7

Martys

Martys

Erfahrenes Mitglied
Hallo zusammen,

habe ein merkwürdiges Verhalten im IE7 mit einer Navigation.
Die Hover-Effekte für den Link funktionieren, auch wird unten in der Statusbar die Link-URL angezeigt.
Beim Linkskick passiert nichs, wenn ich auf den Link einen Rechtsklick mache, läßt sich die neue URL im neuen Tab oder Fenster problemlos öffnen.

Leider kann ich kein Live-Beispiel zeigen, daher die grobe Struktur:

Code: 
<ul id="subnavi">
<li class="links"><a href="link1"><span><img src="bild1" alt="" border="0" /></span></a></li>
<li><a href="link2"><span><img src="bild2" alt="" border="0" /></span></a></li>
<li><a href="link3"><span><img src="bild3" alt="" border="0" /></span></a></li>
usw.
</ul>

Code: 
ul#subnavi {
margin:0;
padding:0;
list-style:none;
height:22px;
clear:both;
}

ul#subnavi li {
float:left;
margin:0 -15px 0 0;
padding:0;
height:22px;
}

ul#subnavi li a {
color:#fff;
font-size:120%;
font-weight:bold;
text-decoration:none;
}

ul#subnavi li a span {
height:19px;
padding:3px 0 0 16px;
margin:0 14px 0 0;
}

ul#subnavi li a:hover span, ul#subnavi li a.aktiv span  {
background:url(/gif/bg_subnavi_aktiv.png) no-repeat left top;
}

ul#subnavi li.links a:hover span, ul#subnavi li.links a.aktiv span  {
background:url(/gif/bg_subnavi_aktiv_links.png) no-repeat left top;
}

ul#subnavi li a:hover, ul#subnavi li a.aktiv {
background:url(/gif/bg_subnavi_aktiv_rechts.png) no-repeat right top;
}

Vielleicht hat jemand einen Tipp, trotz der relativ wenigen Informationen.

Danke schon mal,
Martys
 
Hi,
Martys hat gesagt.:
Beim Linkskick passiert nichs, wenn ich auf den Link einen Rechtsklick mache, läßt sich die neue URL im neuen Tab oder Fenster problemlos öffnen.
Zum Vergrößern anklicken....
Mit deinen gezeigten Quellcode-Auszügen lassen sich im IE7 die Verweisziele ebenso problemlos mit dem linken Mausklick öffnen.

Ich kann darin auch nichts Auffälliges entdecken, was für dieses Fehlverhalten sprechen könnte.

mfg Maik
 
Ja, das dachte ich auch, aber hier bin ich echt ratlos.
Bei den Grafiken handelt es sich um 24 Bit PNGs mit Transparenz, die aber in der Haupnavigation (allerdings ohne Sliding Door) problemlos funktionieren.

Durch den negativen margin (0 -15px 0 0) wird die nahtlos Darstellung der ca. 45° schrägen Anfangs- bzw. Endpunkte der Grafiken erreicht, was auch problemlos funktioniert.

Habe mal um die Links einen
Code: 
border: 2px solid red;
gelegt, der wurde an angezeigt und konnte als Linkfläche genutzt werden.
 
Vielleicht solltest du doch mal besser die Seite online zur Verfügung stellen, um dem Sachverhalt nachgehen zu können.

Zumal ich derzeit nicht nachvollziehen kann, dass es bei dir über das Kontextmenü der rechten Maustaste funktioniert, jedoch nicht unmittelbar mit der linken Maustaste.

mfg Maik
 
Nach meinem zweiten Problelauf tippe ich bei dir auf den Doctype deines HTML-Dokuments, der entweder die Browser in den "Quirks Mode" schaltet, oder darin nicht existiert, was denselben Darstellungsmodus in ihnen zur Folge hat.


Im "Standards Mode" hingegen gibt's nämlich im IE7 keine derartigen Probleme - in meinem Testdokument nutze ich standardmäßig folgende Dokumenttyp-Deklaration, wenn im Beitrag diese nicht erwähnt / gezeigt wird:

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


mfg Maik
 
Dein eingangs gezeigtes Stylesheet unterscheidet sich aber schon entscheidend von der Online-Version, und genau darin findet sich auch die Ursache.

Hätte dir aber eigentlich selbst auffallen, und auch zu denken geben müssen, nachdem ich dir in meiner ersten Antwort mitgeteilt hatte, dass es mit dem gezeigten Code bei mir im IE7 reibungslos funktioniert.

Wenn du dich mit der Umsetzung stattdessen an die tatsächlichen Vorgaben der "Sliding Doors"-Technik hälst, funktioniert auch im IE7 das Öffnen der Verweisziele mit dem linken Mausklick, denn dort ist kein <span>-Element (mit der display:inline-block-Regel) im <a>-Element eingebunden.


mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück