Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML]Jak dostosować wysokość elementu do rozdzielczości?
Forum PHP.pl > Forum > Przedszkole
Malinaa
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 ?
kamil4u
Poczytaj o równych kolumnach w CSS, a najdziesz wiele różnych metod na rozwiązanie Twojego problemu
Malinaa
...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?
thomson89
A dając height w procentach? Otrzymasz, np. 20% ekranu uzytkownika.
Malinaa
Tak byłoby najprościej, ale height w procentach nie zadziała, tylko w pikslach.
Chyba, że o czymś nie wiem aarambo.gif
K4mil94
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
Malinaa
Ja o tym wiem, koledze może się przydać.

Czy ktoś widział, czy ktoś wie... smile.gif jak rozwiązać powyższy problem?
K4mil94
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ć ;]
siemieng
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
Malinaa
Dziękuje Panowie (lub Panie) za pomoc, zajmę się tym tematem w wolnym czasie.
Narazie po prostu Thank's
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.