[CSS]Positionierung eines Div

[kasimir83]

Ich versuche gerade in einem skalierbaren Design einen Div fest zu positionieren:

<div style="position:absolute;top:140px;right:88px"><img src="img.gif"></div>

Geht soweit ganz gut, aber sobald ich anfange das Fenster zu verkleinern, so dass ein Scrollbalken erscheint, ist der rechte Rand offenbar der Fensterrand, das div bleibt am gleichen Ort, aber alles andere verschiebt sich weiter nach rechts, was nicht Sinn der Sache ist.

Hat jemand eine Idee?

 

[womstar]

ähm, logik?
wenn du etwas absolut positionierst, dann positionierst du fest auf deinem content. dann verhält sich das div genauso wie nen layer in photoshop, alles andere ist positionsgebunden, sprich relativ.
falls du das nicht haben möchtest, musst du statt position:absolute, position:relative schreiben.

 

[Albu]

position:absolute positioniert ein Element (vielmehr dessen linke, obere Ecke) immer an der absoluten Position gemessen von der linken, oberen Ecke des umgebenden Containers.
Ein Top Level DIV ist logischerweise absolut vom HTML Dokument (oder BODY Tag) positioniert. Befindet es sich dagegen als Child-DIV in einer Hierarchie von DIVs, dann wird es absolut vom jeweils nächsthöheren positioniert. Wobei die linke, obere Ecke des umgebenden DIVs den Koordinatenursprung des Child-DIVs darstellt und somit mit (0, 0) zu bezeichnen ist. Diese Zählweise wird schon allein aus der Tatsache notwendig, daß das umgebende DIV theoretisch relativ, bzw. dynamisch positioniert wurde, womit sich seine Position aufgrund von äußeren Einflüssen, wie Browsergröße, angezeigter Content, usw. während der Existenz der Seite jederzeit verändern kann. Wenn der Browser dann sämtliche Child-DIVs mitführen müßte, dann wäre das ziemlich verfriemelt.