Viktor's Supportboard
Quickmenü
» Start
» Portal
» Kontakt
» Mitglieder
» Team

» Handy-Ansicht


Usermenü

» Registrieren

Login
Benutzername:
Passwort:

(Passwort vergessen?)

Database
» Database

Lizenzshop/Verwaltung
» Lizenzshop/Verwaltung


Allgemeines
» Themen der letzen 24 Stunden
» Beiträge von Heute
» Aktuelle Umfragen
» Themen als gelesen markieren
» Themen ohne Antwort

» F.A.Q
» Regeln
» Impressum
» Datenschutzerklärung

» Linkliste
» Partner
» Statistik

Kostenplichtige Hacks
» VG-Lizenz
» VG-Fotowettbewerb
» VG-Kontaktanzeige
» VG-Literatur-Verwaltung
» VGTreffen/Dater
» VGMusik/Video

Mein Hacks
» VGUser-Leaflet-Map
» VGUser-Google-Map
» VGClub-Map-Google
» User-Map
» Club-Map
» User-Locator
» Club-Locator
» Mitglieder Bilderupload
» VGOnlineList
» Teamspeak Onlineanzeige

Meine Banner
» Meine Banner

Statistik
Beiträge: 138.424 (Täglich: 23,67 )
Themen: 16.135
Mitglieder: 13.151
Neuestes Mitglied: saklitinov.
Ausl. d. letzten Minute: 65%
Ausl. d. letzten 5 Minuten: 53%
Ausl. d. letzten 15 Minuten: 53%
Freier Webspace: 1.94 TB
PHP-Version: 7.1.11

Spenden

Partner
Mein Supportboard

MySQLDumper

Forum für Angehörige und Freunde von Krebspatienten

Wetter-Board

Make your Webserver

ABC-des Essens

IC-Netforum

ultimate-funultimate-fun

Steinadler-Bastelstübchen

Webseitenschutz

Werben

Viktor's Supportboard » Programmieren » HTML, XHTML, JavaScript und CSS » z-index funktioniert nicht » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag Druckvorschau | An Freund senden | Thema zu Favoriten hinzufügen
Neues Thema erstellen Antwort erstellen
Zum Ende der Seite springen z-index funktioniert nicht
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
LaserDancer   Zeige LaserDancer auf Karte
wBB2-User


Zeige LaserDancer auf Karte
Dabei seit: 27.06.2007
Beiträge: 158
0 Filebase-Einträge



Mitglied bewerten

Level: 35 [?]
Erfahrungspunkte: 700.776
Nächster Level: 824.290

123.514 Erfahrungspunkt(e) für den nächsten Levelanstieg



z-index funktioniert nicht Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Ende der Seite springen Zum Anfang der Seite springen

Hallöchen,

ich stehe mal wieder vor einem Rätsel. Ich habe in meinem Board ein CSS-Dropdown Menü, welches auch einwandfrei funktioniert.

Um auf Radio-Sendungen aufmerksam zu machen, haben wir einen Javascript-Ticker den die Modis selber bedienen können.

Wenn nun jemand das Menu öffnet liegt der Ticker dadrüber. Beides ist in <div> eingebunden und für beides ein z-index im Designpack definiert. Das Menu hat z-index 10, der Ticker 0, sollte also als unterster Layer liegen.

Klappt nur nicht in allen Browsern. Habe es unter anderem mit Firefox 3.5.16 ausprobiert und es will nicht wie es soll.
Wie bekomme ich den verdammten Ticker dazu hinter dem aufklappenden Menu zu bleiben???

Dateianhang:
jpg z-index.jpg (39,27 KB, 129 mal heruntergeladen)


__________________
Rubens-Freunde - Mollig leben, mollig lieben
23.02.2011 14:05 LaserDancer ist offline E-Mail an LaserDancer senden Beiträge von LaserDancer suchen Nehmen Sie LaserDancer in Ihre Freundesliste auf Germany
DonManfred   Zeige DonManfred auf Karte DonManfred ist männlich
VGLizenz


images/avatars/avatar-265.jpg

Zeige DonManfred auf Karte
Dabei seit: 31.03.2006
Beiträge: 1.821
6 Filebase-Einträge
Alter: 50 Jahre
Herkunft: Düren
wBB-Version: wBB2.3
PHP-Version: 5.2.8
MySQL-Version: 5.0.51b
Wo bist du gehostet?: http://df.eu

Bewertung: 
39 Bewertung(en) - Durchschnitt: 5,13

Level: 49 [?]
Erfahrungspunkte: 8.902.402
Nächster Level: 10.000.000

1.097.598 Erfahrungspunkt(e) für den nächsten Levelanstieg



Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Ende der Seite springen Zum Anfang der Seite springen

du musst evtl. vorhandene "Elternobjekte" auch beachten.

siehe http://de.selfhtml.org/css/eigenschaften...ung.htm#z_index

__________________
Gruss Mannes

Wenn man sich selbst als "Noob" bezeichnet, sollte man die Finger davon lassen.
Wenn man gewillt ist daran etwas zu ändern, lernt man Grundlagen!

23.02.2011 14:21 DonManfred ist offline E-Mail an DonManfred senden Beiträge von DonManfred suchen Nehmen Sie DonManfred in Ihre Freundesliste auf Fügen Sie DonManfred in Ihre Kontaktliste ein Germany
Diabolo Diabolo ist männlich
wBB2-User



Dabei seit: 23.07.2005
Beiträge: 192
0 Filebase-Einträge
Alter: 55 Jahre
wBB-Version: wBB2.3

Bewertung: 
6 Bewertung(en) - Durchschnitt: 3,83

Level: 36 [?]
Erfahrungspunkte: 986.653
Nächster Level: 1.000.000

13.347 Erfahrungspunkt(e) für den nächsten Levelanstieg



RE: z-index funktioniert nicht Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Ende der Seite springen Zum Anfang der Seite springen

Zitat:
Original von LaserDancer
Hallöchen,

ich stehe mal wieder vor einem Rätsel. Ich habe in meinem Board ein CSS-Dropdown Menü, welches auch einwandfrei funktioniert.

Um auf Radio-Sendungen aufmerksam zu machen, haben wir einen Javascript-Ticker den die Modis selber bedienen können.

Wenn nun jemand das Menu öffnet liegt der Ticker dadrüber. Beides ist in <div> eingebunden und für beides ein z-index im Designpack definiert. Das Menu hat z-index 10, der Ticker 0, sollte also als unterster Layer liegen.

Klappt nur nicht in allen Browsern. Habe es unter anderem mit Firefox 3.5.16 ausprobiert und es will nicht wie es soll.
Wie bekomme ich den verdammten Ticker dazu hinter dem aufklappenden Menu zu bleiben???


da es sich um das dropdown menü handelt solltest du die z-index auf 120 setzen dann gehts, denn mit der angegebenen höhe gibst du an ob es über oder unter einem object steht.

und da es so klein bei dir ist wird es von dem anderen object überlagert, und wenn die z-index davon auf 100 steht sollte das menü eine höhere haben Augenzwinkern wie gast 120 oder 110 dürfte auch reichen Augenzwinkern

gruss

__________________



23.02.2011 17:38 Diabolo ist offline Beiträge von Diabolo suchen Nehmen Sie Diabolo in Ihre Freundesliste auf Germany
LaserDancer   Zeige LaserDancer auf Karte
wBB2-User


Zeige LaserDancer auf Karte
Dabei seit: 27.06.2007
Beiträge: 158
0 Filebase-Einträge



Mitglied bewerten

Level: 35 [?]
Erfahrungspunkte: 700.776
Nächster Level: 824.290

123.514 Erfahrungspunkt(e) für den nächsten Levelanstieg

Themenstarter Thema begonnen von LaserDancer


Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Ende der Seite springen Zum Anfang der Seite springen

Keine Chance,

ich habe den Ticker nun im header.tpl vor dem Menu platziert und über CSS ausgerichtet. Ich habe den z-index auf 120 gesetzt.

Es ändert sich nichts. Im Firefox 3.6 läuft es wie gewünscht, im Firefox 3.5 und IE 7 wie auf dem Bild zu sehen.
:-(

__________________
Rubens-Freunde - Mollig leben, mollig lieben
23.02.2011 19:52 LaserDancer ist offline E-Mail an LaserDancer senden Beiträge von LaserDancer suchen Nehmen Sie LaserDancer in Ihre Freundesliste auf Germany
Diabolo Diabolo ist männlich
wBB2-User



Dabei seit: 23.07.2005
Beiträge: 192
0 Filebase-Einträge
Alter: 55 Jahre
wBB-Version: wBB2.3

Bewertung: 
6 Bewertung(en) - Durchschnitt: 3,83

Level: 36 [?]
Erfahrungspunkte: 986.653
Nächster Level: 1.000.000

13.347 Erfahrungspunkt(e) für den nächsten Levelanstieg



Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Ende der Seite springen Zum Anfang der Seite springen

gebe mal den link, dann schaue ich es mir mal an Augenzwinkern

gruss

__________________



24.02.2011 10:27 Diabolo ist offline Beiträge von Diabolo suchen Nehmen Sie Diabolo in Ihre Freundesliste auf Germany
LaserDancer   Zeige LaserDancer auf Karte
wBB2-User


Zeige LaserDancer auf Karte
Dabei seit: 27.06.2007
Beiträge: 158
0 Filebase-Einträge



Mitglied bewerten

Level: 35 [?]
Erfahrungspunkte: 700.776
Nächster Level: 824.290

123.514 Erfahrungspunkt(e) für den nächsten Levelanstieg

Themenstarter Thema begonnen von LaserDancer


Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Ende der Seite springen Zum Anfang der Seite springen

www.rubens-freunde.de ;-)

Warte, ich muss nochmal den Ticker wieder auf seine ursprüngliche Position setzen...
So alles zurück auf Start ;-)

__________________
Rubens-Freunde - Mollig leben, mollig lieben

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von LaserDancer: 24.02.2011 11:02.

24.02.2011 10:51 LaserDancer ist offline E-Mail an LaserDancer senden Beiträge von LaserDancer suchen Nehmen Sie LaserDancer in Ihre Freundesliste auf Germany
Diabolo Diabolo ist männlich
wBB2-User



Dabei seit: 23.07.2005
Beiträge: 192
0 Filebase-Einträge
Alter: 55 Jahre
wBB-Version: wBB2.3

Bewertung: 
6 Bewertung(en) - Durchschnitt: 3,83

Level: 36 [?]
Erfahrungspunkte: 986.653
Nächster Level: 1.000.000

13.347 Erfahrungspunkt(e) für den nächsten Levelanstieg



Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Ende der Seite springen Zum Anfang der Seite springen

füge das mal im css ein:

#nav-container div, #nav-container ul {
z-index:120;
}

gruss

__________________



24.02.2011 12:17 Diabolo ist offline Beiträge von Diabolo suchen Nehmen Sie Diabolo in Ihre Freundesliste auf Germany
LaserDancer   Zeige LaserDancer auf Karte
wBB2-User


Zeige LaserDancer auf Karte
Dabei seit: 27.06.2007
Beiträge: 158
0 Filebase-Einträge



Mitglied bewerten

Level: 35 [?]
Erfahrungspunkte: 700.776
Nächster Level: 824.290

123.514 Erfahrungspunkt(e) für den nächsten Levelanstieg

Themenstarter Thema begonnen von LaserDancer


Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Ende der Seite springen Zum Anfang der Seite springen

Habe ich eingefügt, im IE jedenfalls keinerlei Änderung zu sehen. FF 3.5 habe ich jetzt nicht da...

:-(

__________________
Rubens-Freunde - Mollig leben, mollig lieben
24.02.2011 12:37 LaserDancer ist offline E-Mail an LaserDancer senden Beiträge von LaserDancer suchen Nehmen Sie LaserDancer in Ihre Freundesliste auf Germany
Diabolo Diabolo ist männlich
wBB2-User



Dabei seit: 23.07.2005
Beiträge: 192
0 Filebase-Einträge
Alter: 55 Jahre
wBB-Version: wBB2.3

Bewertung: 
6 Bewertung(en) - Durchschnitt: 3,83

Level: 36 [?]
Erfahrungspunkte: 986.653
Nächster Level: 1.000.000

13.347 Erfahrungspunkt(e) für den nächsten Levelanstieg



Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Ende der Seite springen Zum Anfang der Seite springen

kann es sein das das Menü ein eigenes CSS hat ?

gruss

__________________



24.02.2011 18:19 Diabolo ist offline Beiträge von Diabolo suchen Nehmen Sie Diabolo in Ihre Freundesliste auf Germany
LaserDancer   Zeige LaserDancer auf Karte
wBB2-User


Zeige LaserDancer auf Karte
Dabei seit: 27.06.2007
Beiträge: 158
0 Filebase-Einträge



Mitglied bewerten

Level: 35 [?]
Erfahrungspunkte: 700.776
Nächster Level: 824.290

123.514 Erfahrungspunkt(e) für den nächsten Levelanstieg

Themenstarter Thema begonnen von LaserDancer


Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Ende der Seite springen Zum Anfang der Seite springen

Ja hat es und genau dort habe ich den Code von dir auch eingefügt... ;-)

Ich habe den z-index dann auch mal gleich noch um einiges erhöht, da ich gesehen habe das zum Beispiel mein jquery-Slider auf der Seite einen von 1000 zugewiesen bekommen hat. Aber selbst ein z-index von 5000 hat nun keinen Erfolg gebracht, der Ticker ist nach wie vor im Vordergrund.

__________________
Rubens-Freunde - Mollig leben, mollig lieben
24.02.2011 18:58 LaserDancer ist offline E-Mail an LaserDancer senden Beiträge von LaserDancer suchen Nehmen Sie LaserDancer in Ihre Freundesliste auf Germany
Diabolo Diabolo ist männlich
wBB2-User



Dabei seit: 23.07.2005
Beiträge: 192
0 Filebase-Einträge
Alter: 55 Jahre
wBB-Version: wBB2.3

Bewertung: 
6 Bewertung(en) - Durchschnitt: 3,83

Level: 36 [?]
Erfahrungspunkte: 986.653
Nächster Level: 1.000.000

13.347 Erfahrungspunkt(e) für den nächsten Levelanstieg



Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Ende der Seite springen Zum Anfang der Seite springen

musst mal die css vom klappmenü durchsehen und dort schauen das dort die höchste z-index ist und den lauftext niedrig stellen, muss schauen ob der lauftext ne eigene css hat.

ist ne test sache und ein wenig fummelei mit der z-index

gruss

__________________



26.02.2011 23:45 Diabolo ist offline Beiträge von Diabolo suchen Nehmen Sie Diabolo in Ihre Freundesliste auf Germany
LaserDancer   Zeige LaserDancer auf Karte
wBB2-User


Zeige LaserDancer auf Karte
Dabei seit: 27.06.2007
Beiträge: 158
0 Filebase-Einträge



Mitglied bewerten

Level: 35 [?]
Erfahrungspunkte: 700.776
Nächster Level: 824.290

123.514 Erfahrungspunkt(e) für den nächsten Levelanstieg

Themenstarter Thema begonnen von LaserDancer


Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Ende der Seite springen Zum Anfang der Seite springen

Tja, das Menu hat inzwischen z-index von 50.000, der Lauftext kein eigenes CSS, aber als DIV ein z-index von 1 zugewiesen bekommen und es ändert sich nichts.

Habe jetzt den Lauftext jeweils oberhalb des Menus platziert, damit er nicht stört. Ist zwar nicht ganz so schön vom Design, aber im moment scheinbar nicht anders machbar.

__________________
Rubens-Freunde - Mollig leben, mollig lieben
27.02.2011 10:59 LaserDancer ist offline E-Mail an LaserDancer senden Beiträge von LaserDancer suchen Nehmen Sie LaserDancer in Ihre Freundesliste auf Germany
blaster   Zeige blaster auf Karte blaster ist männlich
wBB2-User


Zeige blaster auf Karte
Dabei seit: 28.02.2007
Beiträge: 104
3 Filebase-Einträge

wBB-Version: wBB2.3


Mitglied bewerten

Level: 33 [?]
Erfahrungspunkte: 473.611
Nächster Level: 555.345

81.734 Erfahrungspunkt(e) für den nächsten Levelanstieg



Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Ende der Seite springen Zum Anfang der Seite springen

Die Regel zu z-index lautet - ich zitiere:
Zitat:
Diese Eigenschaft wirkt nur in Verbindung mit einer Angabe zu position.

Und diese Angabe fehlt in beiden Containern. Füge beiden die Eigenschaft z.B.
code:
1:
position: relative;

hinzu.

http://de.selfhtml.org/css/eigenschaften...ung.htm#z_index
Falls du noch nicht hast, kann ich dir nur das kostenlose Firefox Addon - Firebug wärmstens empfehlen.

__________________
Design und Programmierung
27.02.2011 11:28 blaster ist offline E-Mail an blaster senden Homepage von blaster Beiträge von blaster suchen Nehmen Sie blaster in Ihre Freundesliste auf Germany
LaserDancer   Zeige LaserDancer auf Karte
wBB2-User


Zeige LaserDancer auf Karte
Dabei seit: 27.06.2007
Beiträge: 158
0 Filebase-Einträge



Mitglied bewerten

Level: 35 [?]
Erfahrungspunkte: 700.776
Nächster Level: 824.290

123.514 Erfahrungspunkt(e) für den nächsten Levelanstieg

Themenstarter Thema begonnen von LaserDancer


Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Ende der Seite springen Zum Anfang der Seite springen

Zitat:
Und diese Angabe fehlt in beiden Containern. Füge beiden die Eigenschaft z.B.


Nö, tut sie nicht, die Angabe ist in der CSS des jeweiligen Design-Packs drin ;-)

__________________
Rubens-Freunde - Mollig leben, mollig lieben
27.02.2011 11:55 LaserDancer ist offline E-Mail an LaserDancer senden Beiträge von LaserDancer suchen Nehmen Sie LaserDancer in Ihre Freundesliste auf Germany
blaster   Zeige blaster auf Karte blaster ist männlich
wBB2-User


Zeige blaster auf Karte
Dabei seit: 28.02.2007
Beiträge: 104
3 Filebase-Einträge

wBB-Version: wBB2.3


Mitglied bewerten

Level: 33 [?]
Erfahrungspunkte: 473.611
Nächster Level: 555.345

81.734 Erfahrungspunkt(e) für den nächsten Levelanstieg



Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Ende der Seite springen Zum Anfang der Seite springen

mhh... also ich sehe diese Angabe weder im div.radioticker noch im div.nav-container-outer

__________________
Design und Programmierung
02.03.2011 19:48 blaster ist offline E-Mail an blaster senden Homepage von blaster Beiträge von blaster suchen Nehmen Sie blaster in Ihre Freundesliste auf Germany
Baumstruktur | Brettstruktur
Gehe zu:
Neues Thema erstellen Antwort erstellen
Viktor's Supportboard » Programmieren » HTML, XHTML, JavaScript und CSS » z-index funktioniert nicht

Impressum | Datenschutz | Fast-Index

Forensoftware: Burning Board 2.3.6, entwickelt von WoltLab® GmbH Design © Tine

Valid XHTML 1.0! Valid CSS! Die letzten Themen Die letzten Beiträge © für wbb2 by Bandy & cback.de Geblockte Angriffe: 281
Seo Sidemap Powert by 2Clubradio.de
Viktor's Supportboard, ist " Online " seit 16 Jahren, 3 Tage, 22 Stunden, 57 Minuten und 34 Sekunden