Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Pozycja absolutne w DIV
Forum PHP.pl > Forum > Przedszkole
d.stp
Mam DIV:

  1. <div class="x">
  2.  
  3. <div class="x_naglowek">
  4. tekst
  5. </div>
  6.  
  7. <div class="x_content">
  8. tekst, formularz
  9. </div>
  10.  
  11. <div class="x_stopka">
  12. tekst
  13. </div>
  14.  
  15. <div class="obrazek"></div>
  16.  
  17. </div>


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

  1. .obrazek {
  2. width: 100px;
  3. height: 200px;
  4. background: url('obrazek.png') no-repeat;
  5. position: absolute;
  6. bottom: 0;
  7. right: 0;
  8. }


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.
trueblue
Div "x" position:absolute lub relative;
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.
Szymciosek
.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.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.