Pascal: DIV Layout mit dynamischer Navigationsleiste: z-index?

SELF-Forum

DIV Layout mit dynamischer Navigationsleiste: z-index?

Pascal
– Informationen zu den Bewertungsregeln

Hallo,

ich habe schon bei mehreren Projekten die in SELFHTML aufgezeigte Navigation verwendet (Tabellen-Layout).

<http://de.selfhtml.org/css/layouts/navigationsleisten.htm#modern

Nun möchte ich diese auch in ein Layout mit div-Containern implementieren. Dabei stoße ich aber auf die Eigenschaft, dass der div-Container "unter" der Navigationsleiste über den auszuklappenden Navigations-Unterpunkten liegt.

Ich habe dem darunter liegenden div bereits den z-index "1" und der navigation den z-index "999999999 !important" gegeben, jedoch hat das nicht geholfen.

Kennt dieses Verhalten jemand bzw. hat eventuell jemand eine Lösungshilfe für mich?

Danke im Voraus und Gruß,
Pascal

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. DIV Layout mit dynamischer Navigationsleiste: z-index?

    Gunnar Bittersmann Homepage des Autors
    – Informationen zu den Bewertungsregeln

    @@Pascal:

    nuqneH

    Ich habe dem darunter liegenden div bereits den z-index "1" und der navigation den z-index "999999999 !important" gegeben, jedoch hat das nicht geholfen.

    Kennt dieses Verhalten jemand

    Möglicherweise. Möglicherweise ist’s auch was anderes, was du uns verschweigst.

    Qapla'

    --
    Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
    (Mark Twain)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. DIV Layout mit dynamischer Navigationsleiste: z-index?

      Pascal
      – Informationen zu den Bewertungsregeln

      Hallo,

      Möglicherweise. Möglicherweise ist’s auch was anderes, was du uns verschweigst.

      Mir ist bewusst, dass z-index nur auf positionierte Elemente wirkt.
      Die "Unterpunkte" in der Navigation sind ja auch absolut positioniert.

      ul#Navigation li ul {  
  margin: 0; padding: 0;  
  position: absolute;  
  top: 1.6em; left: -0.4em;  
  display: none;  /* Unternavigation ausblenden */  
}

      Auf "ul li ul" habe ich den z-index "999999999 !important" definiert.

      Der nachfolgende Container ist nicht positioniert.

      Gruß

      --
      Pascal
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. DIV Layout mit dynamischer Navigationsleiste: z-index?

        Cheatah
        – Informationen zu den Bewertungsregeln

        Hi,

        Mir ist bewusst, dass z-index nur auf positionierte Elemente wirkt.

        ist Dir auch der Stacking Context bewusst?

        Cheatah

        --
        X-Self-Code: sh:( fo:} ch:~ rl:| br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
        X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
        X-Will-Answer-Email: No
        X-Please-Search-Archive-First: Absolutely Yes
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. DIV Layout mit dynamischer Navigationsleiste: z-index?

          Pascal
          – Informationen zu den Bewertungsregeln

          Hi,

          ist Dir auch der Stacking Context bewusst?

          Ist mir bewusst. (Wem nicht?)
          Den versuche ich ja sozusagen mit z-index "umzusortieren" bzw. zu übergehen. Genau das ist ja, worum es geht.

          Kann euch leider keinen Link geben, denn wir müssen lokal arbeiten.

          Gruß

          --
          Pascal
          Beitrag melden
          –
          Informationen zu den Bewertungsregeln

          1. DIV Layout mit dynamischer Navigationsleiste: z-index?

            MudGuard Homepage des Autors
            – Informationen zu den Bewertungsregeln

            Hi,

            ist Dir auch der Stacking Context bewusst?

            Ist mir bewusst. (Wem nicht?)
            Den versuche ich ja sozusagen mit z-index "umzusortieren" bzw. zu übergehen. Genau das ist ja, worum es geht.

            Kann es sein, daß Du stack level mit stacking context durcheinanderwirfst?

            Kann euch leider keinen Link geben, denn wir müssen lokal arbeiten.

            Dann ist Hilfe nur schwer möglich ...

            cu,
            Andreas

            --
            Warum nennt sich Andreas hier MudGuard?
            O o ostern ...
            Fachfragen per Mail sind frech, werden ignoriert. Das Forum existiert.
            Beitrag melden
            –
            Informationen zu den Bewertungsregeln

            1. DIV Layout mit dynamischer Navigationsleiste: z-index?

              Pascal
              – Informationen zu den Bewertungsregeln

              Hi,

              Kann es sein, daß Du stack level mit stacking context durcheinanderwirfst?

              Kann sein. Ich dachte eigentlich, dass Stack Level quasi der z-index ist und stacking context die Reihenfolge der Divs ist. Also dass ich ein im stacking context "untergeordnetes" div mim stack level (z-index) "überordnen" kann.

              Richtig oder falsch?

              Gruß

              --
              Pascal
              Beitrag melden
              –
              Informationen zu den Bewertungsregeln

              1. DIV Layout mit dynamischer Navigationsleiste: z-index?

                Pascal
                – Informationen zu den Bewertungsregeln

                Hi,

                Situation gelöst: Es lag am overflow. Er war in einem übergeordneten div auf hidden gesetzt. Da kann man natürlich lang an der einen Stelle nach der Ursache suchen.

                Danke trotzdem!

                Gruß

                --
                Pascal
                Beitrag melden
                –
                Informationen zu den Bewertungsregeln