[CSS] Pozycja absolutne w DIV Opcje

[d.stp]

Mam DIV:

[HTML] pobierz, plaintext 
<div class="x">
 
<div class="x_naglowek">
tekst
</div>
 
<div class="x_content">
tekst, formularz
</div>
 
<div class="x_stopka">
tekst
</div>
 
<div class="obrazek"></div>
 
</div>
[HTML] pobierz, plaintext 

I teraz chciałbym w prawym dolnym rogu pod tymi divami dać obrazek (czyli div.obrazek):

[HTML] pobierz, plaintext 
.obrazek {
	width: 100px;
	height: 200px;
	background: url('obrazek.png') no-repeat;
	position: absolute;
	bottom: 0;
	right: 0;
}
[HTML] pobierz, plaintext 

I efekt jest taki że ten .obrazek zamiast w divie "x" jest poza nim, a dokładniej 0px od prawej strony i 0px od dołu. Czyli tak jak być powinno, ale nie w divie "x"

Jak temu zaradzić? o z-index wiem, ale to nie w tym problem.

[muumiin]

poczytaj tutaj:
http://www.kurshtml.edu.pl/css/pozycjonowanie.html

Chodzi Ci o to, żeby rysunek był na dole po prawej tego div-a, w którym jest?
To w takim razie pozycja tego div-a nie może być static. Zmien np. na relative.

Ten post edytował muumiin 4.11.2014, 11:29:33