Position Befehle ... check ich nicht ..

BlackBoSs · 21.05.2012

Hallo Leute,

Kann mir BITTE jemand erklären wo ich

diecss Befehle ..

position:absolute
position:relative
position: static

verwende??

Ich hab so viel gelesen .. checke es nicht genau .. kann mir jemand es bittte ausführlich erklären bitte ..

hab am mittwoch prüfung ... kenne mich nicht so gut aus ..

LG

LaFaSiLuc · 21.05.2012

AW: Position Befehle ... check ich nicht ..

Aber wenn du eine Prüfung hast, musst du doch auch einen Lehrer haben, den du fragen kannst? Oder Mitschöler?
Ansonsten ist das hier: sehr anschaulich erklärt:http://www.mediaevent.de/tutorial/css-position-absolute-relative.html

DarkFather · 21.05.2012

AW: Position Befehle ... check ich nicht ..

Soviel Text *gg*
Hier ists noch kürzer: http://www.css4you.de/position.html
Eigentlich nicht schwer...

MfG
Dark

BlackBoSs · 22.05.2012

AW: Position Befehle ... check ich nicht ..

Hallo,

Der Lehrer hat es schon mal erklärt habe es aber nicht ganz genau verstanden und mir war peinlich in der Klasse nochmals nachzufragen, deshalb wollt ich mich hier an PSD-tutorials User wenden. Hab oft eine Hilfe und meine gesuchten Antworten gefunden.

Ich danke euch beiden herzlichst für die Links... sind beide sehr hilfreich ..
werde mir heute am Abend nochmals genau diese 2 Links durchgehen, hoffe dass ich bei der Prüfung zumindest eine positive Note bekomme..

* Muss noch Javascript anschauen.

LG

Gilligan2k10 · 22.05.2012

AW: Position Befehle ... check ich nicht ..

In kurz:

Absolute: Position zum oberen linken eck der Seite, scrollt mit

Relative: Position zum vorherigen Element.

Static: Position auf Bildschirm(kann auch bei anderer auflösung außerhalb liegen), scrollt nicht mit

Das die ist kürzeste Variante um das zu unterscheiden.

BlackBoSs · 23.05.2012

AW: Position Befehle ... check ich nicht ..

Dankeschön .. sehr nett...

simonpicos · 23.05.2012

AW: Position Befehle ... check ich nicht ..

Gilligan2k10 schrieb:
Absolute: Position zum oberen linken eck der Seite, scrollt mit

Stimmt nicht ganz. Absolut zum nächsten übergeordneten Element mit position ≠ static

Gilligan2k10 · 23.05.2012

AW: Position Befehle ... check ich nicht ..

Stimmt, da hab ich mich vertan

hubspe · 24.05.2012

AW: Position Befehle ... check ich nicht ..

Gilligan2k10 schrieb:
In kurz:
Relative: Position zum vorherigen Element.

irreführend und so leider nicht ganz richtig.

Relativ ist immer die Position zu sich selbst, d.h. bei Positionsangaben ist die Ursprungsstellung der Bezugspunkt.

simonpicos schrieb:
Stimmt nicht ganz. Absolut zum nächsten übergeordneten Element mit position ≠ static

leider auch falsch!

Der Bezugspunkt der Positionierungen für absolute Elemente ist immer der Initial Containing Block (html!) oder der nächste Vorfahre mit position:relative;

Einfach mal bei Little Boxes nachlesen.

BlackBoSs · 24.05.2012

AW: Position Befehle ... check ich nicht ..

Hallo Hubspe,

Diesen Beispiel: http://little-boxes.de/lb1/12.3-versetzt-weiterfliessen-position-relative.html verstehe ich nicht ganz.

Und zwar, wenn ich einen HTML Code schreibe mit 2 div`s untereinander .. und ich will der 2. div "position:absolute" geben ... dann muss ich dem Elternelement das erste div aber "position:relative" geben oder?

noch leichter erklärt: wenn ich einem div position absolute vergeben will dann muss das Eltern element sozusagen das drüberliegende div ein position relative haben?

hoffe hab es verständlich erklärt.

Siehe Beispiel
so meine ich das (selbst geschrieben)

<html>

<div id="Beispiel1">
<p>Dies ist ein Beispiel für position relative</p>

<div id="Beispiel2">

<p>Dies ist ein Beispiel für position absolute</p>

</div>

</div>

CSS Code dafür:

#Beispiel1 {position:relative;}

# Beispiel2 {position:absolute;}

Liebe Grüße

hubspe · 24.05.2012

AW: Position Befehle ... check ich nicht ..

BlackBoSs schrieb:
Und zwar, wenn ich einen HTML Code schreibe mit 2 div`s untereinander .. und ich will der 2. div "position:absolute" geben ... dann muss ich dem Elternelement das erste div aber "position:relative" geben oder?

noch leichter erklärt: wenn ich einem div position absolute vergeben will dann muss das Eltern element sozusagen das drüberliegende div ein position relative haben?

okay schau dir doch mal diese Artikel dazu an:
relative Pos.
absolute Pos.
Da kannst du direkt mitbasteln. Vielleicht wird das dann klarer für dich.