Statistik |
Beiträge: 144.534 (Täglich: 19,19 )
Themen: 16.701
Mitglieder: 13.209
Neuestes Mitglied: zitronentee.
Ausl. d. letzten Minute: 215%
Ausl. d. letzten 5 Minuten: 179%
Ausl. d. letzten 15 Minuten: 230%
Aktulle Uhrzeit: 16:01
Freier Webspace: 4.03 TB
PHP-Version: 7.4.33
|
|
|
|
|
z-index funktioniert nicht |
|
z-index funktioniert nicht |
|
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: |
z-index.jpg (39,27 KB, 129 mal heruntergeladen)
|
__________________ Rubens-Freunde - Mollig leben, mollig lieben
|
|
23.02.2011 14:05 |
|
|
|
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 |
|
|
|
RE: z-index funktioniert nicht |
|
|
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
wie gast 120 oder 110 dürfte auch reichen
gruss
__________________
|
|
23.02.2011 17:38 |
|
|
|
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 |
|
|
|
gebe mal den link, dann schaue ich es mir mal an
gruss
__________________
|
|
24.02.2011 10:27 |
|
|
|
füge das mal im css ein:
#nav-container div, #nav-container ul {
z-index:120;
}
gruss
__________________
|
|
24.02.2011 12:17 |
|
|
|
kann es sein das das Menü ein eigenes CSS hat ?
gruss
__________________
|
|
24.02.2011 18:19 |
|
|
|
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 |
|
|
|
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 |
|
|
|
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 |
|
|
|
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 |
|
|
|
|
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 |
|
|
|
mhh... also ich sehe diese Angabe weder im div.radioticker noch im div.nav-container-outer
__________________ Design und Programmierung
|
|
02.03.2011 19:48 |
|
|
|
|
|
|