Position Befehle ... check ich nicht ..

BlackBoSs · 21.05.2012, 17:29

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, 18:35

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/cs...-relative.html

DarkFather · 21.05.2012, 21:26

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

MfG
Dark

BlackBoSs · 22.05.2012, 08:52

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, 18:03

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, 07:52

Dankeschön .. sehr nett...

simonpicos · 23.05.2012, 17:14

Zitat:

Zitat von Gilligan2k10

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, 20:50

Stimmt, da hab ich mich vertan

hubspe · 24.05.2012, 07:41

Zitat:

Zitat von Gilligan2k10

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.

Zitat:

Zitat von simonpicos

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, 12:17

Hallo Hubspe,

Diesen Beispiel: http://little-boxes.de/lb1/12.3-vers...-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, 13:57

Zitat:

Zitat von BlackBoSs

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.

21.05.2012, 17:29	#1
BlackBoSs Helper Registriert seit: 26.04.2005 Beiträge: 764 Kamera: Canon EOS 450D Verwendet: Adobe Photoshop	Position Befehle ... check ich nicht .. 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

21.05.2012, 18:35	#2
LaFaSiLuc pauschalschuldig Registriert seit: 06.07.2011 Beiträge: 2.278 Kamera: Nikon D40 Verwendet: PS Creative Suite	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/cs...-relative.html __________________ Es ist besser im Regen zu tanzen,als darauf zu warten, dass er aufhört!

PSD-Tutorials - Bildbearbeitung - Photoshop - Flash - Cinema4D - InDesign - Fotografie

Position Befehle ... check ich nicht ..

Reklame

Anzeige

Aktuelles Commag

Anzeige

Anzeige

21.05.2012, 21:26	#3
DarkFather Member Registriert seit: 13.12.2006 Beiträge: 127 Kamera: Canon EOS 1000D Verwendet: Photoshop CS6 x64	Soviel Text gg Hier ists noch kürzer: http://www.css4you.de/position.html Eigentlich nicht schwer... MfG Dark

22.05.2012, 08:52	#4
BlackBoSs Helper Themenstarter Registriert seit: 26.04.2005 Beiträge: 764 Kamera: Canon EOS 450D Verwendet: Adobe Photoshop	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

22.05.2012, 18:03	#5
Gilligan2k10 Newbie Registriert seit: 17.10.2010 Ort: Posthausen Beiträge: 23 Kamera: Canon EOS 450D Verwendet: Gimp, Eclipse	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.

23.05.2012, 07:52	#6
BlackBoSs Helper Themenstarter Registriert seit: 26.04.2005 Beiträge: 764 Kamera: Canon EOS 450D Verwendet: Adobe Photoshop	Dankeschön .. sehr nett...

23.05.2012, 20:50	#8
Gilligan2k10 Newbie Registriert seit: 17.10.2010 Ort: Posthausen Beiträge: 23 Kamera: Canon EOS 450D Verwendet: Gimp, Eclipse	Stimmt, da hab ich mich vertan

24.05.2012, 12:17	#10
BlackBoSs Helper Themenstarter Registriert seit: 26.04.2005 Beiträge: 764 Kamera: Canon EOS 450D Verwendet: Adobe Photoshop	Hallo Hubspe, Diesen Beispiel: http://little-boxes.de/lb1/12.3-vers...-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

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Themen-Optionen
Druckbare Version zeigen Diese Seite per E-Mail verschicken

PSD-Tutorials - Bildbearbeitung - Photoshop - Flash - Cinema4D - InDesign - Fotografie

Position Befehle ... check ich nicht ..

Reklame

Anzeige

Aktuelles Commag

Anzeige

Social Media

Anzeige