element soll unten bleiben

[sanchez]

Hi,

ich habe folgendes:

<div style="width: 200px; height: 100%; overflow: auto; border-right: 1px solid #000000;">
<br>beliebigen Inhalt
<img src="images/add.gif" style="position:absolute;bottom:13px;">
</div>

damit ist mein div 100% hoch...und unten links in der ecke ist meine Grafik...
das soll so und ist OK..
wird das div allerdings größer (dann gibt es einen Scrollbalken) ist meine Grafik noch immer an der gleichen stelle auf der Seite sichtbar. Der div ist aber nun wesentlich höher als die sichtbare Höhe im Browser ... scrolle ich dann an das Ende des divs ist die Grafik nicht unten am Ende des Divs, sondern eher in der mitte....hoffe ihr versteht was ich meine...
wie mache ich das die Grafik immer unten links im div bleibt, egal wie hoch der div ist...die Grafik kann also auch mal ausserhalb des sichtbaren bereichs sein, so das man erst scrollen muss um ihn zu sehen

 

[bine]

gib dem Bild position:relative damit die Positionierung auf das div bezieht.

 

[sanchez]

hatte ich auch schon probiert...geht leider nicht...so ist das Bild immer unter dem Inhalt des Divs angeordnet, auch wenn der Div viel größer ist als der Inhalt...

Hab mal ein bild angehängt wie es aussieht mit dem relative...
das rote ist der div...

 

[Grinsemann]

Weise dem übergeordneten „div“-Element mal die Eigenschaft „position:relative“ zu.

 

[sanchez]

jo...das erste Div muß relative, das Bild absolute...so gehts...danke...