Bild am Bildrand ausrichten (im Vordergrund)

[taraquedo]

Hallo,

ich stelle mir folgendes für eine Site vor: Am unteren Fensterrand befindet sich ein Bild (unabhängig von der Scrollposition und Fenstergröße) darüber der eigentliche Inhalt der Page - sagen wir einfach mal Text. Bis hierhin konnte ich das mit background-image und bottom lösen. Mir gefällt bei der Lösung, das keine horizontalen Scrollleisten angezeigt werden.
Ich möchte jedoch erreichen, dass der Text im Bereich über dem Bild nicht vor, sondern hinter dem Bild liegt. Außerdem soll man den Text mit einem Scrollbereich vollständig lesen können. Das geht bei obiger Lösung nicht, da selbst in unterster Position der Scrollbar immer noch Text über dem Bild (bzw. dann hinter diesem) verbleibt.
Ich weiß z.Z. weder, wie man es lösen kann, noch, wie ich es dann technisch umsetze. Hat da jemand vielleicht eine Anregung?

Grüße!

 

[kercon]

hallo,
meinst du eventuell so... http://www.ivf-ev.com ? da habe ich nur kopf und fuss fest positioniert... schau mal hier: intensivstation :: CSS Templates
oder du versuchst mit z-index ebenen festzulegen...

grüsse kercon

 

[Space Vampire]

positioniere das bild.

#einbild{
position:absolute; 
left:0; 
bottom:0;
}

<img alt="" id="einbild" src="pfadzumbild.jpg">

 

[taraquedo]

Hi,

hallo,
meinst du eventuell so... http://www.ivf-ev.com ? da habe ich nur kopf und fuss fest positioniert...

Ja, das ist ziemlich genau das, was ich möchte! Klappt schon ganz prima bei mir. Ich wäre nie darauf gekommen dass das Attribut width 100% die horizontalen Scrollbalken verhindert. Aber zwei Schönheitsfehler gibt es noch:

• Die Grafik lässt bei mir im Firefox genau 3px nach unten Platz. D.h. sie erscheint 3px höher als "bündig". Ist dafür evtl. irgendein anderer Stylesheet zuständig?
• Steht meine Hauptscrollleiste ganz unten, dann verdeckt das Bild u.U. den letzten Absatz. Auf der o.g. Homepage ist das nicht der Fall, weil die Scrollleiste gar nicht bis in den footer hinein geht. Was ist dafür verantwortlich und geht das auch, wenn ich - wie bei mir - ein Bild mit Transparenz benutze? Ich habe also keinen rechteckigen Bereich als Footer sondern eine krumme Linie.

Noch einmal Danke für die Hilfe!

 

[taraquedo]

Ach bin ich dumm. Im zweiten Link unter "fixer footer" ist ja genau das Beispiel. Okay dann ist das hoffentlich geklärt. Wenn ich die Fragen nicht klären kann, dann schreibe ich noch einmal.
Danke sehr!