Jochen: z-index

hi,

hab ein kleines Problem. Ich glaube dafür gibt es in der Art wie ich es haben will keine Lösung.

ich habe zwei überlappende div´s. Ich möchte jetzt das der Text des hinteren divs vor dem Vordergrund div erscheint.

Es geht darum, dass im hinteren div nur der Rand für den Text erscheint im vorderen div ein anderes Grafisches Element und der Text des hinteren Divs soll vor diesem grafischen Element stehen.

Kurzes code Beispiel (ich werde aus meiner Erklärung auch nicht wirklich schlau :) ):

<div id=hinten><p>hier der Text der vor dem div "vorne" erscheinen soll</p></div>
<div id=vorne></div>

Ich vermute mal das wird nicht funktionieren. Auch nicht wenn ich für den text ein zusäzliches div benutze und dort einen höheren z-index verwende als für das div "vorne" (hab es jedenfalls mal so ohne Erfolg probiert).

Vielleicht kennt ja der ein oder andere einen weg es doch noch hin zu bekommen.

schon mal danke
Jochen

  1. Hallo Jochen,

    Es geht darum, dass im hinteren div nur der Rand für den Text erscheint im vorderen div ein anderes Grafisches Element und der Text des hinteren Divs soll vor diesem grafischen Element stehen.

    Für mich klingt das wie ein Hintergrundbild und Border.

    <div id=hinten><p>hier der Text der vor dem div "vorne" erscheinen soll</p></div>
    <div id=vorne></div>

    Ich vermute mal das wird nicht funktionieren. Auch nicht wenn ich für den text ein zusäzliches div benutze und dort einen höheren z-index verwende als für das div "vorne" (hab es jedenfalls mal so ohne Erfolg probiert).

    Warum genau möchtest Du das so lösen, und wie soll das Ergebnis aussehen? Vielleicht wäre eine kleine Skizze hilfreich? ;-)

    Gruß aus Köln-Ehrenfeld,

    Elya

    1. Für mich klingt das wie ein Hintergrundbild und Border.

      geht leider nicht nur mit Border und einem Hintergrundbild. Das bild welches im "vorne" div erscheint soll immer an der gleichen Position stehen bleiben und in den Content oder Textbereich hinein ragen. Der Rand vom text (oder des gesamten Content-Bereichs) soll aber im Hintergrund des "vorne" Divs erscheinen und sich dem Text der vor dem "vorne" div steht anpassen.

      Warum genau möchtest Du das so lösen, und wie soll das Ergebnis aussehen? Vielleicht wäre eine kleine Skizze hilfreich? ;-)

      ich glaube eine Skizze ist das einzige was hilft :). Ist ein wenig schwer zu erklären. Hab es aber mittlerweile auch anders gelöst, mich würde aber trotzdem interessieren ob es für das Problem eine Lösung gibt.