anjoschu: absolut zu relativ positionieren

Beitrag lesen

Das bekommst Du hin, wenn das Element, zu dessen Ecke das Bild relativ positioniert sein soll, zusammen mit der Figur in ein umgebendes Element steckst, z.B. ein div:

...
  <div style="position:relative;padding:0">
      <img style="position:absolute;top:-30px;left:-50px;" src="figur.png"/>
      <table style="margin:0;">...Dat Ding mit dem Eck...</table>
  </div>
...

Wenn die Möglichkeit besteht, ist es aber besser, die Figur IN das Element mit dem Eck zu stecken (das spart Markup):

...
  <div style="position:relative;">
    ...Dat Ding mit dem Eck...
    <img style="position:absolute;top:-30px;left:-50px;" src="figur.png"/>
  </div>
...

nils-hero meinte schon im Prinzip dasselbe, ich dachte mir nur, ich mach es mal etwas ausführlicher.

Zur Erklärung: Die absolute Positionierung ist auch relativ. Aber im Gegensatz zu "relative" ist "absolute" nicht relativ zur ursprünglichen Darstellungsposition, sondern zum nächsthöheren Element, das eine andere Positionierung als der Standard "static" hat. Alles verstanden? :-D