Der IE mag meine Menü nicht
0 0 
Gunnar Bittersmann
0 
Felix Riesterer
1 0
Der IE mag meine Menü nicht
Hallo liebe self-Gemeinde.
Da ich mit "self" leider nicht mehr weiter komme, suche ich bei euch
fachliche Unterstützung.
Ich hab ein IMHO recht simples Menü erstellt. Im Firefox (1.5) sieht es
auch so aus, wie ich es mir vorgestellt habe - auch und v.a. der Hover-Effekt.
Im Internet Explorer 6.0 allerdings legt das Menü beim "hovern" ein seltsames
Verhalten an den Tag: Einzelne Links scheinen regelrecht zu hüpfen!
Könnt ihr bitte mal schauen, ob ihr dies Nachvollziehen könnt?
Wenn ihr dies auch seht, wäre es klasse, wenn mir einer sagen könnte, wodurch
dieses "Hüpfen" verursacht wird.
Die Seite findet ihr hier:
http://www.zubrod.de/test/test_2006-01-19.htm
Die entsprechenden CCS-Definitionen sind hier definiert:
http://www.zubrod.de/test/css/css_2006-01-19.css
Ich bedanke mich schon mal im Voraus für euere Bemühungen.
Viele Grüße aus Oberfranken
OLZU
-
Hi,
ich weiß zwar auf Anhieb nicht, an was sich der IE da stört, aber ich empfehle Die eine sinnvolle HTML-Auszeichnung als Liste. Z.B. wie im Beispiel http://de.selfhtml.org/css/layouts/anzeige/nav_rollover.htm. Über die LI-Elemente kannst Du zum einen die Links auch für Textbrowser trennen (die "sehen" bei Dir: Seite 01 Seite 02 Seite 03 Seite 04 Seite 05 Seite 06 Seite 07 Seite 08 Seite 09 Seite 10) und hast zusätzliche (und nach meinen Tests auch verläßliche "Angriffspunkte" für die CSS-Formatierung.
freundliche Grüße
Ingo -
wenn mir einer sagen könnte, wodurch
dieses "Hüpfen" verursacht wird.OLZU,
Womöglich durch padding: http://forum.de.selfhtml.org/archiv/2005/8/t112748/Live long and prosper,
GunnarPS. In Sachen Auszeichnung als Liste schließe ich mich Ingo an.
--
„Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein) -
Liebe(r) OLZU,
Wenn ihr dies auch seht, wäre es klasse, wenn mir einer sagen könnte, wodurch
dieses "Hüpfen" verursacht wird.Hmm. Ich blicke bei Deinem CSS-Code nicht wirklich durch.
Mal davon abgesehen, dass ich absolut Ingo Turskis Rat (eine UL zu verwenden, anstatt lose in einem DIV herumfahrende Links CSS-technisch auszurichten) zustimme, würde ich Deinen Code verschlanken.
Es muss nicht jedes Pseudo-Element (:link, :visited, :active usw.) immer alle Anweisungen mit sich schleppen, wenn sie sich nicht von den anderen unterscheiden. Ich sehe jedenfalls in allen diesen Rulesets "display: block" und "width: 100%". Da erwacht in mir der Wunsch, zu kürzen.
/* a.menue anstatt a.menue:link - dann kann man sich bei den Pseudoformaten den Rest sparen! */ a.menu { display: block; width: 100%; color: #AA3636; padding: 5px; margin-bottom: 5px; border: 2px solid #AA3636; font-size: 12px; font-weight: bold; letter-spacing: 2px; text-decoration: none; } a.menu:link { } a.menu:visited { color: #AA3636; } a.menu:active { color: #AA3636; } a.menu:hover { background-color: #AA3636; font-style:italic; letter-spacing: 1px; text-decoration: none; }Warum der IE nun "hüpft" kann am verwendeten DOCTYPE liegen (Der IE operiert im Quirksmodus! Probiere mal "javascript:alert(document.compatMode)" in der Adresszeile aus), zum anderen auch an dem geänderten letter-spacing im :hover-Ruleset... Aber dazu bin ich jetzt definitiv zu müde, um das genauer zu untersuchen.
Liebe Grüße aus Ellwangen,
Felix Riesterer.
-
Moin,
vielleicht ist das der "whitespace-bug" des IE.
Trenne die links mal nicht so:
<a href="" class="menu">Seite 01</a> <a href="" class="menu">Seite 02</a> <a href="" class="menu">Seite 03</a> <a...usw.sondern so:
<a href="" class="menu">Seite 01</a><a href="" class="menu">Seite 02</a><a href="" class="menu">Seite 03</a><a...usw.Vielleicht erschlägt das schon Dein Problem. Ist zwar weniger übersichtlich, aber der IE ist eben ein wenig "buggy".
Ansonsten würde ich das Menü auch in eine Liste setzen.
Hoffe geholfen zu haben
Ulrich
-
Lieber Ulrich,
<Korinthenk...-Modus>
aber der IE ist eben ein wenig "buggy".
das muss so heißen: 'aber der IE ist eben "ein wenig" buggy.'
</Korinthenk...-Modus>
Liebe Grüße aus Ellwangen,
Felix Riesterer.
-
Lieber Felix,
ich entschuldige mich für diesen allzu auffälligen Fehler.
Tut_mir_echt_leid!
*fg*liebe Grüße
Ulrich
-
-
-
Hallo Ingo,
hallo Gunnar.
hallo Felix,
hallo Ulrich,vielen Dank für euere Antworten und euere Hilfe.
Ich habe alle Tipps dankbar umgesetzt:
Jetzt sind die Menüpunkte in Listenform gestaltet und auch das CCS ist sauberer.Da Problem lag aber wohl am "Whitespace-Bug" des Internet-Explorers.
Obwohl, vielleicht hat sich ja in Redmond jemand gedacht "It's not a bug - it's a feature" ?!Die aktuelle (= verbesserte) Version kann man auch online bewundern:
Seite: http://www.zubrod.de/test/test_2006-01-20.htm
CSS : http://www.zubrod.de/test/css/css_2006-01-20.cssViele Grüße
OLZUHallo liebe self-Gemeinde.
Da ich mit "self" leider nicht mehr weiter komme, suche ich bei euch
fachliche Unterstützung.Ich hab ein IMHO recht simples Menü erstellt. Im Firefox (1.5) sieht es
auch so aus, wie ich es mir vorgestellt habe - auch und v.a. der Hover-Effekt.
Im Internet Explorer 6.0 allerdings legt das Menü beim "hovern" ein seltsames
Verhalten an den Tag: Einzelne Links scheinen regelrecht zu hüpfen!Könnt ihr bitte mal schauen, ob ihr dies Nachvollziehen könnt?
Wenn ihr dies auch seht, wäre es klasse, wenn mir einer sagen könnte, wodurch
dieses "Hüpfen" verursacht wird.Die Seite findet ihr hier:
http://www.zubrod.de/test/test_2006-01-19.htm
Die entsprechenden CCS-Definitionen sind hier definiert:
http://www.zubrod.de/test/css/css_2006-01-19.cssIch bedanke mich schon mal im Voraus für euere Bemühungen.
Viele Grüße aus Oberfranken
OLZU-
Liebe(r) OLZU,
Ich habe alle Tipps dankbar umgesetzt:
Jetzt sind die Menüpunkte in Listenform gestaltet und auch das CCS ist sauberer.Saubere Arbeit im wörtlichen Sinne! Man sieht gern, wenn Ratschläge nicht nur befolgt werden, sondern dass sie auch dem Fragenden tatsächlich weitergeholfen haben. Man liest sich. :-)
Liebe Grüße aus Ellwangen,
Felix Riesterer.
-