Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: div absolute w relative
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
damians
Witam

Jest taki problem:
  1.  
  2. <div style="position: relative; border:1px solid #000000; width:1010px;">
  3.  
  4. <div style="position: absolute; border:1px solid #000000; width:205px; top: 0px; left:0px;">
  5. 2
  6. </div>
  7.  
  8. <div style="position: absolute; border:1px solid #000000; width:300px; height:295px; top: 0px; left:215px; overflow: hidden;">
  9. 3
  10. </div>
  11.  
  12. <div style="position: absolute; border:1px solid #000000; width:490px; height: 95px; top: 0px; left:520px; overflow: hidden;">
  13. 4
  14. </div>
  15.  
  16. <div style="position: absolute; border:1px solid #000000; width:270px; height: 185px; top: 110px; left:520px; overflow: hidden;">
  17. 5
  18. </div>
  19.  
  20. <div style="position: absolute; border:1px solid #000000; width:205px;top: 110px; left:805px;">
  21. 6
  22. </div>
  23.  
  24. <div style="position: absolute; border:1px solid #000000; height: 295px; width:575px; top: 305px; left:215px;">
  25. 7
  26. </div>
  27.  
  28. <div style="position: absolute; border:1px solid #000000; height: 295px; width:575px; top: 605px; left:215px;">
  29. 8
  30. </div>
  31.  
  32. <div style="position: absolute; border:1px solid #000000; height: 295px; width:575px; top: 905px; left:215px;">
  33. 9
  34. </div>
  35. <div></div>
  36. </div>
  37.  
  38. <br clear="all">
  39.  
  40. <div>test</div>


Problem jest taki że mniej więcej układ strony jest taki jaki zrobiłem. Ale contener (relative) nie zwiększa swojej wysokości chociaż w nich są divy absoluty.
W jaki sposób wymusić aby wysokość skalowała się do ostatniego diva?

<br clear="all"> nie pomaga :/
erix
Elementy wypozycjonowane na sztywno nie będą rozciągały rodziców.

Musisz zmienić układ na "opływowy".
damians
czyli przez float'y ?
wookieb
position: static albo po prostu wywal position: relative;
znakomita większość szablonów stron da się złożyć uzywajac tylko pozycjonowania statycznego i jest to rozwiązanie najpewniejsze (czytaj lepiej interpretowane przez ie)

Twój przykład z powodzeniem można zlożyć nie używając pozycjonowanie relatywnego ani absolutnego.
gcdreak
Nie jestem pewiem co do poprawności mojej koncepcji, ale możesz spróbować użyć metodę Asletta
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.