Hallo,

mal ne Frage: Wie positioniere ich ein Bild per CSS in einem DIV ganz unten?
vertical-align geht glaub ich nur bei Text?
Position:relative; bottom: 0; als IMG style funktioniert auch nicht.
Wie dann? Mit genauen Werten zu rechnen geht auch nicht weil die Bilder und
DIVs unterschiedliche Höhen haben und ichs für mehrere schreiben möchte.

Hat wer nen Plan? Bestimmt jeder mehr als ich

Einfach gehts, indem du das Bild als Hintergrundbild in das DIV einfügst und entsprechend positionierst, z.B.

<div class="test">Das ist mein DIV</div>

CSS:

.test
{
background: url(deinbild.jpg) bottom left no-repeat;
}

__________________
“My software never has bugs. It just develops random features ...”

» DevShack - die Website des freien Webentwicklers Boris Bojic

stimmt, aber das bild soll anklickbar sein und es soll bei verschiedenen größen über einen style funktionieren.

gibts keinen anderen weg?

dem umgebenden container ein position: relative mitgeben und dem img ein display block und ein position:absolute mit bottom: 0 usw.
Damit der Text nicht ins Bild reinläuft wäre vermutlich ein padding für das letzte p zu empfehlen, da das bild mit pos absolute aus dem Elementefluss rausgenommen ist.


grüsse andir

__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte

Passt! So funktionierts... Danke

Wofür is eigentlich das display:block; hier ?

Weißt Du vielleicht auch wie man sowas mit floatenden Divs machen kann?
Geht wahrscheinlich nicht, wenn dann das image absolut positioniert wird?
Wär aber sehr praktisch.

habs mit nem zweiten div außenrum probiert, so funktionierts dann auch mit floatenden divs.

also div mit float:left;
dann innerhalb div mit position:relative;
und darin das img mit position: absolute, bottom:0; etc

jedenfalls herzlichen dank für die hilfe

schomal ausprobiert float und position gleichzeitig zu setzen?

__________________
Bitte keine PN's - schreibt mir ne anständige Mail oder sprecht mich über Msn / Icq an
Milian Wolff | Markdownify | Typogridder

Um aus einem Inline-Element (wie IMG oder A) ein Blockelement zu machen.

__________________
“My software never has bugs. It just develops random features ...”

» DevShack - die Website des freien Webentwicklers Boris Bojic

yup, funktioniert auch.
danke