Einzelnen Beitrag anzeigen
  #2 (permalink)  
Alt 26.08.2008, 21:21
Benutzerbild von Gumbo
Gumbo Gumbo ist offline
XHTMLforum-Kenner
 
Registriert seit: 22.08.2004
Ort: Trier
Beiträge: 2.735
Gumbo ist jedem bekanntGumbo ist jedem bekanntGumbo ist jedem bekanntGumbo ist jedem bekanntGumbo ist jedem bekanntGumbo ist jedem bekannt
Standard

Die relative Positionierung zu erklären, ist wohl das Einfachere der beiden.

Relativ positioniert heißt, dass das Element relativ seiner normalen Position positioniert wird, wobei der normale Fluss unverändert bleibt. Ein einfaches Beispiel:
Code:
<span style="background-color:#F00">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <span style="position:relative; top:0.5em; left:0.5em; background-color:#FF0">Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span>
Der zweite Satz wird hier relativ seiner normalen Position versetzt dargestellt.

Bei einer absoluten Positionierung ist nun nicht die normale Position des Elements die Ausgangsposition, sondern ein Referenzelement. Gleichzeitig wird ein absolut positioniertes Element aus der Umgebung gerissen. Das Referenzelement ist das nächst übergeordnete Element, das entweder relativ oder ebenfalls absolut positioniert ist, oder eben das Wurzelelement.
__________________
Markus Wulftange
Mit Zitat antworten
Sponsored Links