Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej. Dowiedz się więcej OK, rozumiem

Height 100%

Chcesz wiedzieć jak sterować wyglądem strony za pomocą styli? Tutaj dowiesz się jakie możliwości ma CSS i jak poprawnie go stosować, aby uzyskać zamierzone efekty. Dowiesz się jakie nowości udostępniono w CSS3 i jak z nich korzystać.

Height 100%

Post 10.01.2017, 13:19:30

Potrzebuję, żeby #section--home był na całą długość strony, a pod spodem na określoną długość section--about_us
Pomimo że w #section--home zrobię height: 100% to nic się nie dzieje

http://virt1199.wirt-03.netdc.pl/se/
Raju_wk
Posty: 76
Dołączył(a): 10.04.2011

Re: Height 100%

Post 10.01.2017, 14:06:36

dobra doszedłem. Dałem w css'ach HTML, body { height: 100% } i zadziałało
Raju_wk
Posty: 76
Dołączył(a): 10.04.2011

Re: Height 100%

Post 10.01.2017, 14:12:51

height z wartością procentową oznacza pewien procent wysokości bloku zawierającego (containing block) ten element. Takim blokiem dla #section--home jest BODY. A jaką wysokość ma BODY? Nie ustawiłeś wysokości BODY na sztywno, więc jest auto, więc wysokość #section--home też będzie auto, czyli dopasowanie się do rozmiaru zawartości. Jeśli chcesz mieć coś względem rozmiaru okna przeglądarki używaj jednostki vh. Można też zrobić poprzez ustawienie HTML i BODY na 100%, ale moim zdaniem jednostka vh jednoznacznie oddaje to co masz zamiar zrobić i nie ma wad ustawienia height: 100% na body.
Avatar użytkownikakuku
Rafał Kukawski

+∞
+∞

Posty: 19251
Dołączył(a): 14.04.2002


Powrót do CSS


 


  • Podobne wątki
    Odpowiedzi
    Wyświetlone
    Ostatni post

Kto przegląda forum

Użytkownicy przeglądający ten dział: Brak zidentyfikowanych użytkowników i 2 gości

iCash

Subskrypcja

Mamy 49191 zarejestrowanych użytkowników.
Najnowszy użytkownik: kaere


Nasi użytkownicy napisali:

  • 932741 wiadomości
  • w 245527 tematach

Najnowsze wpisy na blogu

Najnowsze artykuły

Najaktywniejsi (ostatnie 30 dni)