Darstellungsfrage

Status
Nicht offen für weitere Antworten.
S

saila

Erfahrenes Mitglied
Hi,

eine Frage zu folgender Ausgangsbasis:

Code: 
.men a:link, .men a:active, .men a:visited {
	border-bottom: 1px solid #FFFFFF;
	}

.men a:hover {
	color:#FECA66;
	}

.men a span {
	display: none;
	}

.men a:hover span {
	position: absolute;
	top: 30px;
	left: auto;
	right: auto;
	display: block;
	background-color:#666666;
	padding:10px;
	border:1px solid #000000;
	}

In der Anzeige bei Mouseover im FF, N, Opera wird die Anzeige erzeugt. Im IE nicht. Könnt ihr das Problem erkennen? Ich finde keines.
 
Der IE benötigt im :hover-Selektor die background-Eigenschaft, um das CSS-Popup anzuzeigen.
 
hat er doch?

Code: 
.men a:hover span {
	position: absolute;
	top: 30px;
	left: auto;
	right: auto;
	display: block;
	background-color:#666666;
	padding:10px;
	border:1px solid #000000;
	}

oder meinst du im Bereich:

Code: 
.men a:hover {
	color:#FECA66;
	}

Da darf kein Hintergrund dazu. Ist ein "normaler" Link.

// edit

Ok, war im zweiteren Bereich gedacht. Gut, soweit ok.
Nun aktzeptiert er nicht die Positionierung......
 
Probier es mal mit diesem Stylesheet:

Code: 
a.men:link, a.men:active, a.men:visited {
        border-bottom: 1px solid #FFFFFF;
        }

a.men:hover {
        color:#FECA66;
        background:#FFFFFF; /* entspricht z.B. der Seitenhintergrundfarbe */
        }

a.men span {
        display: none;
        }

a.men:hover span {
        position: absolute;
        top: 30px;
        left: auto;
        right: auto;
        display: block;
        background-color:#666666;
        padding:10px;
        border:1px solid #000000;
        }
 
Wird alles zerschossen, weil ja auch kein Bezug vorhanden ist.

tss... ist komisch..... aber halt IE spezifisch. Wenn nur einer diesen IE mal abschaffen würde. Ständig irgendwelche Extrafürze für diesen Browser.....
 
Wenn ich die Anweisung

left auto;
right: 0px;

vorgeben, scrollt er zumindest nicht mehr horizontal. Zeigt dafür alles rechts an. Ist aber nicht Sinn der Übung, sondern er soll auf Höhe des Links die Info anzeigen.

Vorschläge?

// edit

michaelsinterface hat gesagt.:
Also zerschossen wird bei mir nichts, es stimmt blos die linke Position im Firefox und IE nicht überein.

Vielleicht findest du auf brunildo.org: CSS tests and experiments / popups einen Lösungsansatz für dein CSS-Popup?
Zum Vergrößern anklicken....

Bei mir wurde alles zerschossen. Sprich der Infotext wurde dargestellt. Übername war 1:1.

Den Hintergrund habe ich gelöst, indem ich im ersten Bereich background: none; angegeben habe.
 
  1. Der IE unterstützt nicht die Kombination von top/bottom bzw. left/right.

  2. Wenn die Infos auf Höhe des Links eingeblendet werden sollen, dann würde ich es mal mit einer relativen Positionierung probieren.

  3. Bitte benutze den "Ändern"-Button deines Beitrages, wenn du noch etwas nachtragen bzw.hinzufügen willst, und erstelle hier nicht im Minutentakt neue Beiträge.
 
Wie, soll ich auf Beiträge von dir in vorherigen Beiträgen von mir antworten per edit?

Left wird vom IE anerkannt, solange die Positionierung absolute ist. Habe ich jetzt auch vorerst so eingestellt, bis eine andere Lösung vorhanden ist.

Dennoch Danke für deinen Lösungsansatz.
 
Du hättest die zitierte Antwort von 18:15h ebenso in deinem Beitrag von 18:13h anhängen können.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück