HTML Bild in DIV rechts unten positionieren

[Pelzameise]

Hi Leute,

ich will ein Bild in einem DIV rechts unten positionieren.

align="bottom"

geht nicht.

style="position:absolute; bottom:0px; right:0px"

im img-Tag geht auch nicht, weil der DIV anscheinend nicht als Elternelement gilt.

Ideen?

 

[Stefan-]

Wie sieht denn der HTML-Code dazu aus? Sowas wie

<div><img style="position: absolute; bottom: 0; right: 0;" /></div>

sollte ansich reichen. Ist das img-Element eventuell tiefer verschachtelt und hat das div-Element nicht als Parent?

 

[Pelzameise]

Also das Bild ist in einem <div> drin </div>
Die DIV ist in einer Tabellenzelle

Hier die CSS-Formatierung des DIV:

div#rechts {
border: 2px solid black;
height: 100%;
width: 100%;
}

Und hier der img-Tag:

<td><div id="rechts"><img style="position: absolute; bottom: 0; right: 0;" name="rechts" src="bilder/rot_rechts.jpg"></div></td>

Hier noch die komplette CSS-Datei:

html {
width:100%;
height:100%;
}

body {
width:100%;
height:100%;
overflow:hidden;
}

img#hintergrund {
position: fixed;
top: 0em;
left: 0em;
width: 100%;
height: 100%;
}

table{
width:100%;
height:100%;
padding:0px;
margin:0px;
border:0;

}

div#tabelle {
position: absolute;
top: 0em;
left: 0em;
right: 0em;
bottom: 0em;
overflow: auto;
padding: 2em;
}

div#oben {
border: 0px solid black;
height: 100%;
width: 100%;
}

div#rechts {
border: 2px solid black;
height: 100%;
width: 100%;
}

div#unten {
border: 0px solid black;
height: 100%;
width: 100%;
}

div#links {
border: 0px solid black;
height: 100%;
width: 100%;
}


td{
width:20%;
height:20%;
border:1px solid red;
}



tr{
weidth: 20%;
height:20%;
}

Durch den Border sehe ich, dass der DIV an der richtigen Stellen ist. Das BIld wird so dann im äußersten unteren Bildschirmrand angezeigt.

 

[Cobinja]

Die Angabe im img-Tag allein wird nicht reichen. Du kannst zusätzlich zu Stefans Vorschlag dem übergeordneten Div "position: relative" geben. Das bedeutet Positionierung relativ zu sich selbst, wenn keine position-Angabe benutzt würde. "position: absolute" bedeutet relativ zum nächsten Elternelement, dass nicht "position: static" hat, was allerdings der Default-Wert ist. Falls in der nirgendwo sonst position benutzt wird, bezieht es sich auf body.

 

[Pelzameise]

Super, das wars. Danke.