Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]Element na dole innego elementu
Forum PHP.pl > Forum > Przedszkole
daniel1302
Witam, mam taką strukturę
  1. <div id="container">
  2. <div id="left">
  3. <div class="obrazek">Byle co tam</div>
  4. </div>
  5.  
  6. <div id="right">
  7.  
  8. </div>
  9. </div>


CSS:
  1. #container {
  2. width: 500px;
  3. overflow:hidden;
  4. }
  5. #left {
  6. width: 200px;
  7. padding-bottom: 1001em;
  8. margin-bottom: -1000em;
  9. background-image: url(obrazek);
  10. }
  11. #right {
  12. width: 300px;
  13. padding-bottom: 1001em;
  14. margin-bottom: -1000em;
  15. }


Jak zrobić aby element <div class="obrazek"></div> był na dole elementu left jeśli dam mu pozyconowanie absolutne oraz bottom: 0; to nie widać go wcale(domyślam się, że jest on tam gdzie ustawiłem ten padding i margin bottom)
lobopol
Jest tak jak mówisz, wywal margin i będziesz go widział, container daj position: relative
daniel1302
Kod
    padding-bottom: 1001em;
margin-bottom: -1000em;


Ten fragmęt odpowiada za równe kolumny, mam tło ząbkowane i musi to zostać.


Edit: Poradziłem sobie tak:
Dodałem stopkę(position:relative), w stopce dodałem element: <div class="obrazek">(position: absolute) i ustawiłem mu odpowiedni left i top i działa.
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.