Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML]Jak dostosować wysokość elementu do rozdzielczości?
Malinaa
post
Post #1





Grupa: Zarejestrowani
Postów: 573
Pomógł: 6
Dołączył: 21.07.2008

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


Witam wszystkich,
nie wiem jak poradzić sobie z wysokością elementu (nie jest to tabelka) i dostosować ją dla rozdzielczości, z którą użytkownik odwiedza stronę sciana.gif

Najszybciej chyba będzie tak.
Pod tym adresem znajduje się strona: http://forum.rtw.org.pl
A problem dotyczy elementy - box'a po prawej stronie "Metody i tajemnice".
Nie mogę tutaj określić konkretnej wysokośći (height), ponieważ dla każdej różnej rozdzielczości wymagana jest inna wysokość, aby było ok i box nie był za wysoki, albo za niski.
Chciałbym, aby ten box wypełniał całą wolną przestrzeń poniżej dla każej rozdzielczości.
Jak można tego dokonać worriedsmiley.gif ?


--------------------
I welcome you on the Internet >>> Design by Malina
Go to the top of the page
+Quote Post
kamil4u
post
Post #2





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

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


Poczytaj o równych kolumnach w CSS, a najdziesz wiele różnych metod na rozwiązanie Twojego problemu


--------------------
Go to the top of the page
+Quote Post
Malinaa
post
Post #3





Grupa: Zarejestrowani
Postów: 573
Pomógł: 6
Dołączył: 21.07.2008

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


...pisałem (nie jest to tabelka), dwie równe kolumny nie stanowią problemu.

Pod wymienionym hasłem odnajduję jeśli nie znaczniki bezpośrednio związane z <table>,
dwie kolumny itp. to np. coś takiego:

  1. <div id="container">
  2. <div id="lewo">treść</div>
  3. <div id="prawo">treść</div>
  4. <div class="clear"></div>


tutaj nie chodzi o lewo - prawo, równe kolumny

kody w skrócie wygląda tak:
  1. <table border="0" cellpadding="0" cellspacing="0">
  2. <tr>
  3. <td>
  4. <div>Boksy z prawej strony</div>
  5. </td>
  6. <td>
  7. <div>Boksy z lewej strony, czyli
  8. <ul>
  9. <li>Box pierwszy od góry</li>
  10. </ul>
  11. <ul>
  12. <li>Nasz box, który powinien wypełnić całą wolną przestrzeń (jeśli rozdzielczość nie jest za duża, ponieważ wówczas musiałby być mniejszy).</li>
  13. </ul>
  14. </div>
  15. </td>
  16. </tr>


i potrzeny jest <ul>Nasz box...</ul> wypełniający pustą przestrzeń, którą widać na stronie (widać jeśli rozdzielczość nie jest za duża).

Taki to mam problem?


--------------------
I welcome you on the Internet >>> Design by Malina
Go to the top of the page
+Quote Post
thomson89
post
Post #4





Grupa: Zarejestrowani
Postów: 1 178
Pomógł: 51
Dołączył: 7.01.2009
Skąd: Gdańsk

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


A dając height w procentach? Otrzymasz, np. 20% ekranu uzytkownika.


--------------------
Sklep 70%
Go to the top of the page
+Quote Post
Malinaa
post
Post #5





Grupa: Zarejestrowani
Postów: 573
Pomógł: 6
Dołączył: 21.07.2008

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


Tak byłoby najprościej, ale height w procentach nie zadziała, tylko w pikslach.
Chyba, że o czymś nie wiem aarambo.gif


--------------------
I welcome you on the Internet >>> Design by Malina
Go to the top of the page
+Quote Post
K4mil94
post
Post #6





Grupa: Zarejestrowani
Postów: 302
Pomógł: 18
Dołączył: 10.03.2008
Skąd: Dębno

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


Width można określić w procentach. Height jeśli nie ma określonego parametru jest nieskończony i równy z treścią winksmiley.jpg
Go to the top of the page
+Quote Post
Malinaa
post
Post #7





Grupa: Zarejestrowani
Postów: 573
Pomógł: 6
Dołączył: 21.07.2008

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


Ja o tym wiem, koledze może się przydać.

Czy ktoś widział, czy ktoś wie... smile.gif jak rozwiązać powyższy problem?


--------------------
I welcome you on the Internet >>> Design by Malina
Go to the top of the page
+Quote Post
K4mil94
post
Post #8





Grupa: Zarejestrowani
Postów: 302
Pomógł: 18
Dołączył: 10.03.2008
Skąd: Dębno

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


Da się tak zrobić że jeśli div jest wsadzony do jakiegoś div'a w szablonie to daj mu overflow: hidden; w tedy powinien za nim latać ;]
Go to the top of the page
+Quote Post
siemieng
post
Post #9





Grupa: Zarejestrowani
Postów: 101
Pomógł: 7
Dołączył: 16.01.2007

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


kiedyś już podałem najprostsze rozwiązanie takiego problemu: link do postu

ogólnie pierwsze musisz pobrać wysokość okna przeglądarki, poodejmować od niej wysokości elementów HTML (inne divy, img, itd), które mają stałą wysokość i to co zostanie to wysokość Twojego "elastycznego" bloku.

Proste i skuteczne winksmiley.jpg

Ten post edytował siemieng 11.04.2009, 13:16:00
Go to the top of the page
+Quote Post
Malinaa
post
Post #10





Grupa: Zarejestrowani
Postów: 573
Pomógł: 6
Dołączył: 21.07.2008

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


Dziękuje Panowie (lub Panie) za pomoc, zajmę się tym tematem w wolnym czasie.
Narazie po prostu Thank's


--------------------
I welcome you on the Internet >>> Design by Malina
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: 21.08.2025 - 06:22