Div am unteren elementrand mit overflow auto

[Miikku]

Hi!

Eigentlich ist es ja ungewöhnlich, dass ich in Foren frage, aber momentan erscheint es mir unausweichlich, denn mein alter Freund Google weiß diesmal auch keinen Rat.
Mein Problem ist folgendes:
Ich habe ein absolut positioniertes Div mit einer durch Randangaben (right, top, left und bottom) definierten Größe und overfolw: auto.
Innerhalb dieses Div's soll ein Bild mit auch absoluter Position am unteren Seitenrand ausgerichtet werden, was aber nicht so funktioniert, wie ich mir das vorstelle. Mit einfach "position: absolute;" bekomme ich es an dem unteren Element-Rand, aber niemals am unteren Seitenrand des Inhaltes des Div's ausgerichtet. Auch "position: fixed;" geht nicht, weil nicht auf Elternelement, sondern auf Seitenkörper ausgerichtet.
Meine seite: Miikku.de
btw. Wie findet ihr das Design? Es soll nicht zu aufdringlich sein und ist noch in der Entwicklungsphase, aber ich denke ich habe dazu gelernt :)

Freue mich auf Hilfe
MfG
Miikku

 

[Körnerbrötchen]

Hast du einen Link dazu? Ein wenig Code vielleicht?

Dein Seiteninhalt per JS darzustellen ist suchmaschinenunfreundlich und eigentlich auch total unnütz, oder?

 

[Miikku]

Okay zugegeben, auf der angegeben Seite den entsprechenden Quellcode zu finden ist wohl zu aufwendig, werd' ich nächstes mal schon im Voraus berücksichtigen, bitte um Verzeihung. Hier also der entsprechende (abstrahierte) Code:
CSS:

#mainDiv{
 overflow: auto;
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
}
#dasImageDasPositioniertWerdenSoll{
 position: absolute;
 bottom: 20px;
 left: 20px;
}

(X)HTML:

... Sonstiger Seiteninhalt ...
<div id="mainDiv">
 <p>Hier noch so mancher Text und so, sodass der Seiteninhalt (innerhalb des "mainDiv") gescrollt werden muss</p>
 <img id="dasImageDasPositioniertWerdenSoll" src="sonstwas" />
</div>
... Weiterer sonstiger Seiteninhalt ...

Es soll jetzt im Endeffekt "dasImageDasPositioniertWerdenSoll" mit dem sonstigen Inhalt des "mainDiv" gescrollt werden (dazu muss das natürlich genug Inhalt haben, damit man es Scrollen kann, aber ich will ja hier nicht das Layout mit meinem Quellcode sprengen), aber immer 20px Abstand unter sich haben innerhalb des MainDiv, was ja auch, wenn genug gescrollt wurde, manchmal nicht sichtbar ist.
Danke schonmal für die Hilfe

MfG
Miikku