[CSS] position: relative oder absolute

Dieses Thema im Forum "Webdesign" wurde erstellt von BladeFire, 27. April 2012 .

  1. 27. April 2012
    Zuletzt von einem Moderator bearbeitet: 28. April 2012
    Hi ich hoffe ich spam euch nicht zu viel ^^

    Naja... Meine Frage

    In meinen Buch wird das wieder mal zu kompliziert erklärt und da ihr mir ja schon mal mit padding und margin geholfen habt könnt ihr mir jetzt vill. auch die unterschiedlichen anwendugsmethoden von relative und absolute erklären?


    Danke Mfg Simon

    oda vill. hab ichs doch richtig verstanden (bräuchte trotzdem noch eure bestätigung bin mir mit all dem noch sehr unsicher)

    Also: absolute werden wenn jetzt zb. ein prozentueller wert angegeben in die ausgewählte richtung gerückt von der nächsten abgrezung aus gesehn (also sowas wie margin oder padding? Auch ein anderes elemt das mit float: xxx gekenzeichnet ist?)

    Und relative werden von den Browser enden aus gesehn in die jeweilige richtung gerückt?

    hab ich das ich richtig verstanden? (die option positon scheint meiner meinung nach sehr wichtig zu sein darum will ich sie auch nicht falsch einlernen)


    Danke mfg simon
     
  2. 27. April 2012
    AW: position: relative oder absolute

    siehe
    position: Positionsart: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

    steht ganz gut beschrieben da denk ich ... du musst ma bisschen googlen
    wenns immer noch nich verstehst --> nochma fragen
     
  3. 28. April 2012
    AW: position: relative oder absolute

    nein ich verstehs noch immer nicht richtig
     
  4. 28. April 2012
    Zuletzt bearbeitet: 28. April 2012
    AW: position: relative oder absolute

    static: element ist mit seinem eltern-element verankert und fügt sich in den flow ein (default)

    relative: element richtet sich nach seinem eltern-element, lässt sich aber frei positionieren (realtiv gesehen).
    ein top: 10px schiebt das element entsprechend nach UNTEN.

    absolute: element richtet sich an das dokument bzw. an ein nicht statisch positioniertes eltern-element und lässt sich frei positionieren (absolut gesehen).
    ein top: 10px schiebt das element exakt an die stelle.

    fixed: entspricht "absolute", nur dass es sich nun an den viewport richtet oder an ein nicht statisch positioniertes eltern-element.

    http://css-tricks.com/absolute-relative-fixed-positioining-how-do-they-differ/
     
  5. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.