P.I.M.P.: position: absolute?

Yo Leutz!!!

Sagtmal, was macht position: absolute genau?

Laut SelfHTML soll das Ding dann mitscrollen, tut es aber nicht.

Bitte um Erklärung.

Thx und bye, P.I.M.P.

  1. Hi,

    Yo Leutz!!!

    Entschuldige bitte, in diesem Forum ist Deutsch die übliche Sprache...

    Sagtmal, was macht position: absolute genau?

    The box's position (and possibly size) is specified with the 'left', 'right', 'top', and 'bottom' properties. These properties specify offsets with respect to the box's containing block. Absolutely positioned boxes are taken out of the normal flow. This means they have no impact on the layout of later siblings. Also, though absolutely positioned boxes have margins, they do not collapse with any other margins.

    (siehe http://www.w3.org/TR/REC-CSS2/visuren.html#propdef-position und ergänzend http://www.w3.org/TR/REC-CSS2/visuren.html#absolutely-positioned)

    Laut SelfHTML soll das Ding dann mitscrollen, tut es aber nicht.

    Kann es sein, daß Du "mitscrollen" und "stehenbleiben" verwechselst?

    cu,
    Andreas

    --
    Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
    http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/
    1. Also, hier ein Zitat aus SelfHTML 8.0:

      Mit position: können Sie die Positionsart bestimmen. Folgende Angaben sind erlaubt:

      absolute = absolute Positionierung, gemessen am Rand des Elternelements. Scrollt mit.

      Wer soll jetzt daraus schlau werden? Oder hat der Herr Münz da etwa einen Fehler eingebaut? :)

      1. Hi,

        Mit position: können Sie die Positionsart bestimmen. Folgende Angaben sind erlaubt:
        absolute = absolute Positionierung, gemessen am Rand des Elternelements. Scrollt mit.
        Wer soll jetzt daraus schlau werden? Oder hat der Herr Münz da etwa einen Fehler eingebaut? :)

        Wieso sollte da ein Fehler sein? Absolut positionierte Elemente scrollen mit dem Rest des Dokumentes mit.

        cu,
        Andreas

        --
        Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
        http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/
        1. Ja und was genau verstehst du unter mitscrollen?

          Ich verstehe das so, dass das Element dann zb. immer oben am Bildschirm ist, auch wenn ich die Seite runterscrolle.
          Das tuts bei mir aber nicht.

          Und wie darf man ausserdem das dann verstehen, falls es nicht so gemeint ist?

          "fixed = absolute Positionierung, gemessen am Rand des Elternelements. Bleibt beim Scrollen stehen."

          1. Hi,

            Ich verstehe das so, dass das Element dann zb. immer oben am Bildschirm ist, auch wenn ich die Seite runterscrolle.

            Nein, genau dann würde es ja nicht mitscrollen.

            Das tuts bei mir aber nicht.

            Definiere "bei mir".

            Und wie darf man ausserdem das dann verstehen, falls es nicht so gemeint ist?
            "fixed = absolute Positionierung, gemessen am Rand des Elternelements. Bleibt beim Scrollen stehen."

            Daß das Element seine Position z.B. immer oben am Bildschirm ist.
            Falls "bei mir" (s.o.) bedeutet: "in meinem Internet Explorer", dann hast Du natürlich ein Problem:
            der IE ist zu blöd für position:fixed;

            cu,
            Andreas

            --
            Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
            http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/
            1. Mit immer oben meine ich, dass das Element auch beim runterscrollen noch da ist und ich es sehen kann, also mitscrollt (zb. 5 px von oben).

              Unter nicht mitscrollen verstehe ich, dass das Element beim runterscrollen nicht mitkommt, sondern bleibt wo es ist und ich es nach einer Weile nicht mehr sehe.

              Also, ich habe folgendes im IE 6, Mozilla 1.3 und Opera 7 getestet und nirgendwo hats mitgescrollt:

              div {

              background-color: #B1C9F3;
                position: absolute;
                top: 125px;
                left: 0px;
                width: 800px;
                height: 30px;
                padding: 3px;
                padding-left: 10px;
                margin: 0px;
              }

              1. Hi,

                Mit immer oben meine ich, dass das Element auch beim runterscrollen noch da ist und ich es sehen kann,

                Also daß das Element NICHT mitscrollt.

                also mitscrollt (zb. 5 px von oben).

                Eben nicht. Ich sagte ja schon in meinem ersten Posting, daß Du da was verwechselst.

                Unter nicht mitscrollen verstehe ich, dass das Element beim runterscrollen nicht mitkommt, sondern bleibt wo es ist und ich es nach einer Weile nicht mehr sehe.

                Du verstehst also unter "nicht mitscrollen" das, was allgemein als "mitscrollen" verstanden wird.

                cu,
                Andreas

                --
                Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
                http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/
                1. Jetzt bin ich aber megaverwirrt.

                  Also wenn ich ein Menü in einem div erstelle, der immer Links in der Mitte sein soll, egal wie weit unten/oben man sich auf der Seite befindet, heisst das nicht mitscrollen? Und was nehme ich da? (absolute, fixed, relative)

                  Und wenn das Menü ganz oben auf der Seite bleiben soll, und ich immer ganz raufscrollen muss um zum Menü zu kommen, heisst das mitscrollen? Und was nehme ich da? (absolute, fixed, relative)

                  Jetzt kenn ich mich echt weniger aus als vorher >_<

                  1. Moin!

                    Also wenn ich ein Menü in einem div erstelle, der immer Links in der Mitte sein soll, egal wie weit unten/oben man sich auf der Seite befindet, heisst das nicht mitscrollen? Und was nehme ich da? (absolute, fixed, relative)

                    Exakt.

                    "Scrollen" bedeutet, dass sich der Inhalt des Dokument innerhalb des Anzeigebereichs (z.B. eines Fensters) nach oben oder unten bewegt und dabei ein veränderlicher Ausschnitt des Dokument in eben diesem Fenster sichtbar wird.

                    "Mitscrollen" bedeutet, dass dieses Element das Scrollen mitmacht, sich also gleichförmig mit der Bewegung des Dokuments innerhalb des Fenster "mitbewegt". "scrollen" = bewegen, "mitscrollen" = mitbewegen.

                    Und wenn das Menü ganz oben auf der Seite bleiben soll, und ich immer ganz raufscrollen muss um zum Menü zu kommen, heisst das mitscrollen? Und was nehme ich da? (absolute, fixed, relative)

                    Theoretisch nimmst du "fixed". Praktisch rufst du Microsoft an und beschwerst dich, weil der IE das nicht kann. ;->

                    - Sven Rautenberg

                    --
                    ss:) zu:) ls:[ fo:} de:] va:) ch:] sh:) n4:# rl:| br:< js:| ie:( fl:( mo:|
  2. Hallo,

    Sagtmal, was macht position: absolute genau?

    Laut SelfHTML soll das Ding dann mitscrollen, tut es aber nicht.

    http://jendryschik.de/wsdev/css/fixed/ klärt dich über Positionierung mit CSS auf und erläutert, warum »es das bei dir nicht tut«.

    Gruß,

    MI

    --
    XFrames Working Draft (Deutsche Übersetzung) : http://jendryschik.de/TR/xframes/
    Die Wissensgesellschaft : http://jendryschik.de/michael/inf/wissensgesellschaft/
    Einführung in XHTML, CSS und Webdesign: http://jendryschik.de/wsdev/einfuehrung/
    Feste Positionierung, richtig angewandt : http://jendryschik.de/wsdev/css/fixed/
    sh:( fo:) rl:( br:& br:] ' n4:& | n4:? ' ie:| va:) de:] zu:) fl:{ ss:| ls:& js:|