Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Nakładające się divy
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
marcinpruciak
Potrzebuję zrobić taką strukturę:

Każdy kolor to inny div. Chciałbym żeby w ten sposób sie nakładały.

kod diva zawierającego:
Kod
div{
    float:left;
}
.plytka{
    border: 1px solid;
    height: 55px;
    width: 50px;
    background-image: url("./krzyz.png");
}
#luq
Wszystkie divy pozycjonowane absolutnie.
Jeden główny reszta w środku i tyle winksmiley.jpg
marcinpruciak
Absolutnie to się pozycjonuje odnośnie do okna przeglądarki, a ja chcę względem diva zawierającego, ponieważ jest ich dużo obok siebie.
#luq
A zobacz co daje takie coś:

  1. <div style="width: 500px; height: 500px; position: absolute; top: 300px; left: 200px; background-color: red;">
  2. <div style="width: 100px; height: 100px; position: absolute; top: 100px; left: 200px; background-color: green;"></div>
  3. </div>
marcinpruciak
  1. <div class="plytka">
  2. <div class="k1">0</div>
  3. <div class="k2">0</div>
  4. <div class="k3">0</div>
  5. <div class="k4">0</div>
  6. </div>
  7. <div class="plytka">
  8. <div class="k1">0</div>
  9. <div class="k2">0</div>
  10. <div class="k3">0</div>
  11. <div class="k4">0</div>
  12. </div>
  13. <div class="plytka">
  14. <div class="k1">0</div>
  15. <div class="k2">0</div>
  16. <div class="k3">0</div>
  17. <div class="k4">0</div>
  18. </div>

Każdy kwadrat generuję w pętli, nie mogę go ustawić absolutnie, tylko obok drugiego.
Damonsson
Cytat(marcinpruciak @ 31.12.2010, 13:19:20 ) *
Absolutnie to się pozycjonuje odnośnie do okna przeglądarki...

kto Ci takich głupot nagadał?


Jaki kwadrat? Ja widzę na rysunku 4 prostokąty, nachodzące na siebie.

Jeżeli są to rzeczywiście kwadraty to float:left powinien załatwić sprawę. Jeżeli prostokąty: pozycjonowanie absolutne i z-index bo prostokąty nachodzą na siebie na Twoim rysunku, więc trzeba zrobić warstwy, tak samo jak pieczesz biszkopt, jedna warstwa na to druga warstwa itd.
Kostek.88
Ew. spróbuj zrobić kontener, który będzie miał position: relative, a w nim divy, które będą miały absoluta. Wówczas powinno Ci środkować względem kontenera, a NIE okna przeglądarki. No i nie zapomnij o z-index, o którym kolega wyżej wspomniał smile.gif
shpyo
DIV zawierają musi mieć position: relative, a te w nim position: absolute + wartości określające położenie (top, bottom, left, right).
http://blog.atena.pl/position-relative-i-absolute
http://cssmonkey.blox.pl/2008/02/Podstawy-...SS-czesc-I.html
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.