Position relative oder absolute

Stümper · 12.09.2004, 03:13

Was ist jetzt eigentlich der genaue Unterschied zwischen den Werten absolute und relative des CSS - Attributs position?

Ich habe bereits ein wenig im Netz gesucht, habe aber den Durchblick noch immer nicht.

Was ich verstanden zu haben glaube:

absolute: Es wird der Abstand vom Browserrahmen aus gemessen

relative: das Element steht an einer gewissen Position im Vergleich zu anderen Elementen; von dieser position kann durch diue Angabe von Werten abgewichen werden.

12.09.2004, 10:04

Schau mal hier:

http://www.css4you.de/position.html

HTH

Stümper · 12.09.2004, 11:29

ja danke, aber der Hauptunterschied ist mir immer noch nicht klar.

Ist der Hauptunterschied, dass bei absolute Folgeelemente nicht verschoben werden, da das Element einfach darüber gelegt wird?

12.09.2004, 11:56

Nach deinen eigenen Beschreibungen die du hier gepostet hast, denke ich das du es verstanden hast. Du scheinst nur unsicher zu sein.
Mach doch einfach ein paar Expreimente. Dann kannst du deine eigene Unsichheit auch abschütteln. :wink:

Ich versuche es dir dennoch mal zu verdeutlichen.

absolute:
Das betreffende Objekt ist praktisch losgelöst von den Containern in denen es drin steckt und wird auf die x und y Koordinate gelegt auf die es zugewiesen wird. Wird nichts angegeben, wird x=0 und y=0 angenommen.
Die Reihenfolge der Überblendungen ist die Reihenfolge des Aufrufs. Das letzte überlagert also das erste.
Wenn ich mich nicht irre, kann man das mit css auch nachträglich noch bestimmen.

relative:
Das objekt verläßt ihen Container nicht. x=0 und y=0 beziehen sich also auf die linke obere Ecke des Containers in dem das Objekt steckt.

relative und absolute zusammen:
Wenn du einen Container relative bestimmst und in diesem Container absolute Koordinaten vergibst, beziehen diese sich auch auf den Mutter-Container. Ein anschauliches Beispiel habe ich auf meiner Seite.
www.daddlers-paradise.de
Oben "Partys" auswählen. Die Karte ist relative positioniert und die User-Punkte und Party-Symbole absolute.

Ich hoffe, das ich dir damit Helfen konnte. Experimentiere dennoch etwas rum. Da kannst du mehr lernen.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
CSS: Style ohne position?	SilentSight	HTML, Usability und Barrierefreiheit	5	25.07.2008 16:12
Position einer zeile in einer sortierten tabelle bestimmen	Drache	Datenbanken	9	17.06.2007 10:45
Problem mit DBMenu im IE	RoDa	HTML, Usability und Barrierefreiheit	4	16.05.2007 18:12
Mauszeiger Position (ohne Event)	cowabunga1984	HTML, Usability und Barrierefreiheit	4	04.04.2007 12:01
DIV -> height: 100px; Position: absolute; bottom: 0?	HStev	HTML, Usability und Barrierefreiheit	6	10.06.2006 17:59
mit position nachruecken	imported_kremser	Datenbanken	2	08.02.2006 21:50
Höhe 100%		HTML, Usability und Barrierefreiheit	8	24.01.2006 12:22
Problem mit DIV -Bild soll am unteren Ende der Seite bleiben	scheibo	HTML, Usability und Barrierefreiheit	16	12.01.2006 16:54
Absolute position in center setzen?	Tic Rederon	HTML, Usability und Barrierefreiheit	0	03.10.2005 22:19
CSS mag mich nicht :-(		HTML, Usability und Barrierefreiheit	1	11.07.2005 18:51
Layout mit CSS-P - absolute, relative???	Greezoo	HTML, Usability und Barrierefreiheit	5	08.05.2005 23:39
??? warum verschwindet bgcolor?		HTML, Usability und Barrierefreiheit	35	04.01.2005 13:39
Position in der Datenbank.		PHP-Fortgeschrittene	2	21.11.2004 16:10
[Erledigt] Design Firefox vs IE bitte um Hilfe		HTML, Usability und Barrierefreiheit	4	23.09.2004 05:15
position: absolute für jede Auflösung		HTML, Usability und Barrierefreiheit	2	01.08.2004 12:02

12.09.2004, 03:13
Stümper Erfahrener Benutzer Registriert seit: 30.07.2004 Beiträge: 255	Position relative oder absolute Was ist jetzt eigentlich der genaue Unterschied zwischen den Werten absolute und relative des CSS - Attributs position? Ich habe bereits ein wenig im Netz gesucht, habe aber den Durchblick noch immer nicht. Was ich verstanden zu haben glaube: absolute: Es wird der Abstand vom Browserrahmen aus gemessen relative: das Element steht an einer gewissen Position im Vergleich zu anderen Elementen; von dieser position kann durch diue Angabe von Werten abgewichen werden.


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

12.09.2004, 10:04
Gast Beiträge: n/a	Schau mal hier: http://www.css4you.de/position.html HTH

12.09.2004, 11:29
Stümper Erfahrener Benutzer Registriert seit: 30.07.2004 Beiträge: 255	immer noch nicht gerafft ja danke, aber der Hauptunterschied ist mir immer noch nicht klar. Ist der Hauptunterschied, dass bei absolute Folgeelemente nicht verschoben werden, da das Element einfach darüber gelegt wird?

12.09.2004, 11:56
Gast Beiträge: n/a	Nach deinen eigenen Beschreibungen die du hier gepostet hast, denke ich das du es verstanden hast. Du scheinst nur unsicher zu sein. Mach doch einfach ein paar Expreimente. Dann kannst du deine eigene Unsichheit auch abschütteln. :wink: Ich versuche es dir dennoch mal zu verdeutlichen. absolute: Das betreffende Objekt ist praktisch losgelöst von den Containern in denen es drin steckt und wird auf die x und y Koordinate gelegt auf die es zugewiesen wird. Wird nichts angegeben, wird x=0 und y=0 angenommen. Die Reihenfolge der Überblendungen ist die Reihenfolge des Aufrufs. Das letzte überlagert also das erste. Wenn ich mich nicht irre, kann man das mit css auch nachträglich noch bestimmen. relative: Das objekt verläßt ihen Container nicht. x=0 und y=0 beziehen sich also auf die linke obere Ecke des Containers in dem das Objekt steckt. relative und absolute zusammen: Wenn du einen Container relative bestimmst und in diesem Container absolute Koordinaten vergibst, beziehen diese sich auch auf den Mutter-Container. Ein anschauliches Beispiel habe ich auf meiner Seite. www.daddlers-paradise.de Oben "Partys" auswählen. Die Karte ist relative positioniert und die User-Punkte und Party-Symbole absolute. Ich hoffe, das ich dir damit Helfen konnte. Experimentiere dennoch etwas rum. Da kannst du mehr lernen.