Seltsames Verhalten des IE... (ca. 35kb Bilder inside)

[MudGuard]

Hi,

hab da mal ein kleines Problem mit einer Seite...

In meiner neuen (Test-)Navigation verhält sich der letzte "Link" 'Tag 8' in meinem Internet Explorer sehr seltsam.

1. Er hat einen zu großen Abstand zum darüberliegenden Link
2. sobald ich mit der Maus drauf komme oder der Fokus auf einen der andern Links kommt, macht er sich unsichtbar.
3. gehe ich mit der Tabtaste durch die Links, wird der Fokusrahmen doch sichtbar - und der 'Link' (Url zeigt ins Leere) läßt sich sogar aufrufen.

<img src="http://temp.andreas-waechter.de/ScreenIE1.gif" border="0" alt="">

<img src="http://temp.andreas-waechter.de/ScreenIE2.gif" border="0" alt="">

Der Fokusrahmen ließ sich nicht per Screenshot einfangen.

(Der rote Rahmen auf den Screenshots ist inzwischen entfernt, der markierte das navigation-div...)

Könnt Ihr bitte mal gucken, ob mit Eurem IE (Version?) diese Phänomene auch auftreten?
Und mir eventuell sogar eine Lösung nennen?

Achtung, es ist bei ein paar der bisherigen Tester zu Abstürzen des IE gekommen

http://temp.andreas-waechter.de/aw.html
(Die Links von dort führen alle ins Leere, die Seite ist aus ihrer gewohnten Umgebung gerissen, einige der Links sind sowieso nur Dummies...)

Mehr oder weniger Links führen zu keiner Änderung.

Hier noch die Links auf die HTML-Source und die CSS-Source:

view-source:http://temp.andreas-waechter.de/aw.html
view-source:http://temp.andreas-waechter.de/aw.css

Mit Browsern (Mozilla/Opera) funktioniert die Seite - dem Netscape Uralt enthalte ich vorläufig mal das CSS vor, da muß ich, wenns erstmal klappt, gucken, wieviel der davon verträgt...

cu,
Andreas

[Achim Janowski]

Hallo!

Bei meinem IE5 sind die Abstände normal, sieht erstmal aus wie in meinem Firebird. Aber wenn man im IE mit der Maus draufkommt, "haut das Menu ab", sprich, es wandert nach unten. Jedesmal beim draufkommen "rutscht es tiefer..."

Im Firebird ist alles okay.

Gruß, Achim

[MudGuard]

Hi,

Bei meinem IE5 sind die Abstände normal, sieht erstmal aus wie in meinem Firebird. Aber wenn man im IE mit der Maus draufkommt, "haut das Menu ab", sprich, es wandert nach unten. Jedesmal beim draufkommen "rutscht es tiefer..."

Schön. Bzw. nicht schön. Und vor allem: was kann ich dagegen tun?

Im Firebird ist alles okay.

Das dachte ich mir fast - ist ja schließlich ein Gecko.

cu,
Andreas

[uwe]

Hi Andreas,

IE 6.0.2800 / Win XP

Die Abstaende sehen bei mir korrekt aus, aber dafuer stuerzt der Browser in 100% aller Faelle ab wenn ich mit der Maus ueber den "Heimat" Button fahre.

HTH
Uwe

[Thomas Meinike]

Hallo,

Könnt Ihr bitte mal gucken, ob mit Eurem IE (Version?) diese Phänomene auch auftreten?
Und mir eventuell sogar eine Lösung nennen?

Bei mir stuerzt der IE 6 sehr schnell ab. Habe mir das mal lokal angesehen und das Problem liegt im CSS offenbar hier:

#navisub a
 {

width:16ex;
 }

Ohne diese Angabe tritt das Problem nicht mehr auf. Nimm mal testweise mit dieser Angabe den Link zu "Tag 8" heraus, dann erscheint der Text "Tag 7" nochmals ohne Link.

MfG, Thomas

[MudGuard]

Hi,

#navisub a
{
  width:16ex;
}
Ohne diese Angabe tritt das Problem nicht mehr auf. Nimm mal testweise mit dieser Angabe den Link zu "Tag 8" heraus, dann erscheint der Text "Tag 7" nochmals ohne Link.

Tatsache - das ist die Lösung!

Ich danke Dir, mein Abend ist gerettet!

Es ist mir zwar absolut nicht klar, warum diese Breitenangabe zu einem Problem führt, aber was soll's...

cu,
Andreas

[Christoph Schnauß]

hallo Andreas,

Achtung, es ist bei ein paar der bisherigen Tester zu Abstürzen des IE gekommen

Zumindest IE 6 scheint da sogar sehr zuverlässig (reproduzierbar) abzustürzen. Das hängt möglicherweise mit deiner CSS zusammen, weil dort eine Breitenangabe drtin ist, die er nicht mag:
 width:16ex;

Ich habe nach mehreren IE-Abstürzen mir erstmal die ganze Seite auf meine Platte kopiert einschließlich CSS, auch beim lokalen Aufruf gibts diese Abstürze. Wird die Breitenangabe "korrigiert" ist alles wieder in Ordnung.

Grüße aus Berlin

Christoph S.

[MudGuard]

Hi,

Achtung, es ist bei ein paar der bisherigen Tester zu Abstürzen des IE gekommen
Zumindest IE 6 scheint da sogar sehr zuverlässig (reproduzierbar) abzustürzen. Das hängt möglicherweise mit deiner CSS zusammen, weil dort eine Breitenangabe drtin ist, die er nicht mag:
width:16ex;

Auch Dir danke!
(und allen, die sich die Seite angeschaut haben, auch!)

Ich habe nach mehreren IE-Abstürzen mir erstmal die ganze Seite auf meine Platte kopiert einschließlich CSS, auch beim lokalen Aufruf gibts diese Abstürze. Wird die Breitenangabe "korrigiert" ist alles wieder in Ordnung.

Aber was ist an der Breitenangabe falsch?

Naja, was solls, ich trink jetzt nen Redbreast auf Euer Wohl *) und geh ins Bett. Oder bleib noch ne Runde auf...

*) der beste Irish Whiskey den ich kenne!

cu,
Andreas

[Christoph Schnauß]

hallo,

Aber was ist an der Breitenangabe falsch?

Nix. "Falsch" ist der IE ...

*) der beste Irish Whiskey den ich kenne!

Ich bleibe heute beim Berliner Pilsner, ich muß noch "Abyss" auf PRO7 mitschneiden ...

Grüße aus Berlin

Christoph S.

[Thomas Meinike]

Hallo,

Aber was ist an der Breitenangabe falsch?

Es liegt offenbar einfach am Wert 16ex selbst.

Du hast definiert

.navi a
{
  width:15ex;
}

und

#navisub a
{
  width:16ex;
}

bei gleichzeitiger Zuweisung von

<div id="navisub" class="navi">

<a href="tag1">Tag 1</a>
  ...
  <a href="tag8">Tag 8</a>

</div>

Setze mal beide auf 16ex, dann passen die Links Bilder und Tag 8 nicht mehr richtig. Mit jeweils 15ex passt es.

MfG, Thomas

[MudGuard]

Hi,

Aber was ist an der Breitenangabe falsch?

Es liegt offenbar einfach am Wert 16ex selbst.

Nein, auch andere Werte hab ich auf Deinen Hinweis hin probiert - jede von mir getestete Breitenangabe führt zu (teilweise leicht anderen, aber auf jeden Fall unvorhersehbaren) seltsamen Reaktionen seitens des IE...
getestet habe ich 10ex, 15ex, 16ex, 20ex, 80%, 90%, 100%, 100px und noch ein paar andere

Du hast definiert
.navi a
{
  width:15ex;
}
und
#navisub a
{
  width:16ex;
}
bei gleichzeitiger Zuweisung von

<div id="navisub" class="navi">
  <a href="tag1">Tag 1</a>

ja, für diesen Link muß also eine Breite von 16ex gelten, denn der Selektor '#navisub a' hat eine höhere Spezifizität als '.navi a'.
Darin seh ich noch kein Problem...
Das div ist ja noch breiter (16.66ex) definiert...

cu,
Andreas