Michael W.: hintergrund als vordergrund

Hallo,

ich habe ein problem:
http://www.plascha.de/chr/test.htm

habt ihr euch die seite angeschaut  ? Ok :)

also: ich möchte das der text unter das "hintergrund"-Bild verläuft.
die weissen stellen am bild sind transparent.

wie stelle ich das an ?

kann man div-Layer, wie beim wasserzeicheneffekt, fixieren ?

Danke :)

  1. Tag auch

    kann man div-Layer, wie beim wasserzeicheneffekt, fixieren ?

    position:fixed

    siehe auch http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#position

    Danke :)

    Bitte

    1. Hi,

      position:fixed

      genau das habe ich heute morgen auch gebraucht - und was steht in der Referenz?

      "Die Angabe fixed wird weder von Netscape noch vom MS Internet Explorer interpretiert."

      Und entsprechend traurig sah das Ergebnis aus....

      Gibt's da noch was anderes?

      Gruß aus Ehrenfeld
      Elya

      1. <div style="position:fixed; left:123px; top:456px">
        bei mir gehts !

        1. scheiße wenn man so voreilig ist :)
          hab zuerst in netscape 6.2.2 getestet dann erst im IE und eben da gehts nicht !
          hab gedacht wenn netscape das kann, dann kann der IE das erstrecht - scheiße wars.

          also wie kann man das anstellen ?

          1. Hallo,

            hab gedacht wenn netscape das kann, dann kann der IE das erstrecht -
            scheiße wars.

            oh ja, vor allem zu Zeiten von IE5.xy und NS4.xy war das auch nicht selten richtig. Inzwischen habe ich gelernt, daß es leider nun genau umgekehrt ist. Wenn Du an das DOM2 rangehst, aber auch im CSS-bereich, wirst Du häufig feststellen, daß es nun genau umgekehrt ist.

            Chräcker

            http://www.Stempelgeheimnis.de

      2. Und entsprechend traurig sah das Ergebnis aus....

        Tja, das Leben ist hart.
        Wobei sich das "Netscape" auf Netscape 4.x bezieht. Die 6er Version kann das inzwischen. Ob es der IE jemals verstehen wird, steht in den Sternen.

        Gibt's da noch was anderes?

        Es gibt einige javascripte, die einen div beim scrollen an einer festen Position halten - sieht aber manchmal etwas wackelig und daher nicht immer schön aus.

        Schau mal hier nach: http://www.dynamicdrive.com/

        Thomas J.

        1. Hi Thomas,

          Die 6er Version kann das inzwischen. Ob es der IE jemals verstehen wird, steht in den Sternen.

          aber etwas unrund lief das unter NN6 schon noch, besonders bei mehrern divs übereinander. Ich hatte die Navi mit Mouseover-Funktion in einem Layer auf z-index >1, und sobald ich den darunterliegenden Layer von absolute auf fixed gesetzt hatte, funktionierten die kompletten Mouseover/click-Scripte nicht mehr. Ich hab's dann doch gelassen...

          Gruß
          Elya

      3. Hi,

        position:fixed

        genau das habe ich heute morgen auch gebraucht - und was steht in der Referenz?

        "Die Angabe fixed wird weder von Netscape noch vom MS Internet Explorer interpretiert."

        Ich lös das so:
        #id{position:absolute;} um das Element irgendwo hinzusetzen

        div[id="id"]{position:fixed !important;} nagelt dann das Element an dieser Stelle fest (Achtung: wenn das Element nicht direkt unter <body> sitzt, wie die Position für beide Fälle unterschiedlich festgelegt!)

        ..für MSIE/Windows gibt's dann ein JS, mit dem das Ding immer wieder dahingesetzt wird.

        Grüße aus Lüneburg

        Kai

        1. wenn ich das richtig verstanden habe, muss man JS einsetzen ?

          1. wenn ich das richtig verstanden habe, muss man JS einsetzen ?

            jo, für was anderes ist der MSIE/Windows zu doof.

            1. aber hier wurde schon mal erwähnt, dass dass eine wackelige angelegenheit wäre.

              DAS WIRD DOCH MAL MÖGLICH SEIN MEIN PROBLEM WIE AUF DER SEITE http://www.plascha.de/chr/test.htm BESCHRIEBEN IST ZU LÖSEN !!! Warum ist der verdammte IE jetzt auf EINMAL so hängen geblieben ?

    2. Hallo

      kann man div-Layer, wie beim wasserzeicheneffekt, fixieren ?
      position:fixed

      <blockquote source="SelfHTML">
      Beachten Sie:
      Die Angabe fixed wird weder von Netscape noch vom MS Internet Explorer interpretiert.
      </blockquote>

      IMHO eine geniale Positionierungsart (da es Frames ersetzen könnte -> nie mehr "Wie 2 Frames auf einmal..."), nur welcher Browser unterstütz das?

      MfG

      Tom2

      1. Tag auch

        nur welcher Browser unterstütz das?

        z.B.[1] Mozilla, Opera, Konqueror

        Thomas J.
        [1] ohne Anspruch auf Vollständigkeit

        1. Hallo Thomas

          nur welcher Browser unterstütz das?
          z.B.[1] Mozilla, Opera, Konqueror

          Sehr schön, wenigstens ein paar anständige Browser. Weisst du, ob das für den IE und den Netscape auch vorgesehen ist?

          MfG

          Tom2

          1. Ich nochmal

            Sehr schön, wenigstens ein paar anständige Browser. Weisst du, ob das für den IE und den Netscape auch vorgesehen ist?

            Der 6er Netscape kann's auch. Schließlich ist der ja im Prinzip ein nicht mehr ganz taufrischer Mozilla mit AOL-Schnickschnack außen 'rum.

            Und vielleicht in einer fernen Zukunft wird es dereinst auch der IE ( Version 6.5, 7.0, 8.0 ... irgendwas) verstehen.

            Thomas J.

            1. hi

              Der 6er Netscape kann's auch. Schließlich ist der ja im Prinzip ein nicht mehr ganz taufrischer Mozilla mit AOL-Schnickschnack außen 'rum.

              ab 6.1 genauer, aber der 6.0 kommt eh nicht vor (0,01%?)

              Und vielleicht in einer fernen Zukunft wird es dereinst auch der IE ( Version 6.5, 7.0, 8.0 ... irgendwas) verstehen.

              MSIE5/Mac kanns ;)

              Grüße aus Lüneburg

              Kai

              1. Und vielleicht in einer fernen Zukunft wird es dereinst auch der IE ( Version 6.5, 7.0, 8.0 ... irgendwas) verstehen.

                MSIE5/Mac kanns ;)

                Wer diese Kobination benutzt hat's aber nicht verdient!

                MfG

                Tom2

                1. hi

                  MSIE5/Mac kanns ;)

                  Wer diese Kobination benutzt hat's aber nicht verdient!

                  Der Mac-IS ist um Klassen besser, als sein Windows-Pendant (was oft nicht schwer ist).

                  Grüße aus Lüneburg

                  Kai

  2. also: ich möchte das der text unter das "hintergrund"-Bild verläuft.
    die weissen stellen am bild sind transparent.

    wie stelle ich das an ?

    z-index bei dem Bild als auch bei dem Text entsprechend setzen.

    kann man div-Layer, wie beim wasserzeicheneffekt, fixieren ?

    position:fixed, und auf die Probleme, die der IE damit hat, wurde ja auch hingewiesen :)

    Gruß,
      soenk.e

    1. hab ich probiert - geht nicht. beschreib mal genauer! wo muss das z-index hin ?

      1. hab ich probiert - geht nicht. beschreib mal genauer! wo muss das z-index hin ?

        Das Bild muß in seiner CSS-Definition einen z-index größer als der Text haben. Normalerweise müsste z-index:1 beim Bild reichen, da der Text automatisch den Index 0 hat (wie alles andere auch). Beispiel:

        <img src="xy" style="z-index:1">

        Genaue Erklärung siehe http://www.w3.org/TR/REC-CSS2/visuren.html#q30.

        Gruß,
          soenk.e

        1. Das Bild muß in seiner CSS-Definition einen z-index größer als der Text haben. Normalerweise müsste z-index:1 beim Bild reichen, da der Text automatisch den Index 0 hat (wie alles andere auch). Beispiel:

          <img src="xy" style="z-index:1">

          ja und wie fixiere ich jetzt das bild ? ich bin so verwirrt.

          1. Das Bild muß in seiner CSS-Definition einen z-index größer als der Text haben. Normalerweise müsste z-index:1 beim Bild reichen, da der Text automatisch den Index 0 hat (wie alles andere auch). Beispiel:

            <img src="xy" style="z-index:1">

            ja und wie fixiere ich jetzt das bild ? ich bin so verwirrt.

            Jung, das kommt davon, wenn man gleich zwei Sachen auf einmal will. Schalt den Rechner ab, mach einen schönen Spaziergang :)

            <img src="xy" style="z-index:1;position:fixed;left:0px;top:0px">

            Damit sollte das Ding links oben in der Ecke vor dem Text stehen und (!) in allen aktuellen Browsern außer dem IE auch dort kleben bleiben.

            Gruß,
              soenk.e

            1. Damit sollte das Ding links oben in der Ecke vor dem Text stehen und (!) in allen aktuellen Browsern außer dem IE auch dort kleben bleiben.

              außer dem IE, du sagst es ! welcher Browser wird am meisten verwendet ?
              gibt es keine andere lösungen ?

              1. hi

                Damit sollte das Ding links oben in der Ecke vor dem Text stehen und (!) in allen aktuellen Browsern außer dem IE auch dort kleben bleiben.

                außer dem IE, du sagst es ! welcher Browser wird am meisten verwendet ?
                gibt es keine andere lösungen ?

                zusätzliches Script, dass den dann sofern eben ein MSIE auftaucht da immer wieder hinschiebt. Achtung, wenn der MSIE meint "is kein position:absolute;", dann gibt's auch keinen z-index.

                Grüße aus Lüneburg

                Kai