Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> div absolute w relative
damians
post
Post #1





Grupa: Zarejestrowani
Postów: 91
Pomógł: 1
Dołączył: 27.12.2003
Skąd: z łodzi

Ostrzeżenie: (0%)
-----


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 :/

Ten post edytował damians 17.07.2009, 13:21:13
Go to the top of the page
+Quote Post
erix
post
Post #2





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów




Elementy wypozycjonowane na sztywno nie będą rozciągały rodziców.

Musisz zmienić układ na "opływowy".


--------------------

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post
damians
post
Post #3





Grupa: Zarejestrowani
Postów: 91
Pomógł: 1
Dołączył: 27.12.2003
Skąd: z łodzi

Ostrzeżenie: (0%)
-----


czyli przez float'y ?
Go to the top of the page
+Quote Post
wookieb
post
Post #4





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk




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.

Ten post edytował wookieb 17.07.2009, 13:17:55


--------------------
Go to the top of the page
+Quote Post
gcdreak
post
Post #5





Grupa: Zarejestrowani
Postów: 365
Pomógł: 8
Dołączył: 16.12.2008

Ostrzeżenie: (0%)
-----


Nie jestem pewiem co do poprawności mojej koncepcji, ale możesz spróbować użyć metodę Asletta
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 20.08.2025 - 12:49