Forum PHP.pl

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.

Div "x" position:absolute lub relative;

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

.x => position: relative;

.obrazek => może zostać

ogólnie jest tak, że robiąc div w div np.

<div class="A">
<div class="B">
</div>
</div>

.A => position: relative;
.B => position: absolute; bottom: 0; right: 0;

ustawisz go w prawym dolnym rogu diva A dzieje się tak dlatego, że w tym przypadku to .A wyznacza ramy po których możesz poruszać elementy w jego środku.