Jak zrobić, aby div wypełnił w poziomie cały ekran?

Question

Witam!

Jestem początkującym programistą webowym i mam pewien problem.

Otóż chciałbym stworzyć stopkę na swojej stronie. Chciałem aby zajmowała cały dostępny obszar ekranu w poziomie, oraz przylegała do dołu ekranu. Ale coś poszło nie tak i tworzą się wokół diva który ma być stopką, jakieś marginesy, których w kodzie nie ma. O co chodzi?

Z góry dzięki za pomoc!

Cały kod HTML: https://pastebin.com/dUf4n4pA

Answer 1

Po pierwsze to jeśli naprawdę oczekujesz pomocy to pozwól sobie pomóc i wrzuć np. na codepen czy jsbin, a nie wrzucasz jakieś śmieciowe linki do kodu praktycznie RAW...

I druga sprawa to czy w ogóle analizowałeś co faktycznie za style są generowane dla tego elementu? To, że w kodzie czegoś nie widzisz jeszcze nic nie oznacza, są też default css przeglądarki. Zbadaj sobie ten element w konsoli, szczególnie sekcja computed styles i zobacz co tam siedzi.

Comments

Taki offtop: czy jest możliwość, że defaultowe style przeglądarki będą uwzględniane podczas renderingu widoku stronki, ale nie będą pokazane w dev toolsach?

---

nie, w devtoolsach w computed styles masz ładni pokazane wyliczone style, ba masz nawet info co ewentualnie nadpisało jakie style. Moim zdaniem to jest właśnie podstawowy punkt wyjścia w jakichkolwiek problemach z CSS i rozwiązuje 99,9% problemów.

---

@Tomek Sochacki,  Sprawdzałem, nic nie jest nadpisane. Żadnych marginesów ani tego typu żeczy. Link do jsbin: https://jsbin.com/tomawewuwa/1/edit?html,css

Answer 2

<link rel="stylesheet" href="css/Slider.css">

A plik CSS?

type="text/css"

Oraz brakuje

Comments

type="text/css" jest obecnie zbędne.

Answer 3

Jak zrobić zafixowane menu na całą szerokość przeglądarki jest opisane tutaj:

https://www.w3schools.com/howto/howto_css_fixed_footer.asp

powinno w twoim przypadku zadziałać (chociaż nie wiadomo co siedzi w main.css i Slider.css.)

Answer 4

Dzięki za odpowiedzi.

Daje jeszcze link do css: https://jsbin.com/tomawewuwa/1/edit?html,css

Answer 5

Nie wiem, czy o to ci chodziło, ale jak dałem w body{ margin: 0; } to to szare coś co chyba ma być stopką z napisem "Spotkanie rodziców dzieci pierwszo ..." przylega do lewej strony bez żadnych marginesów. Poza tym co w twoim kodzie robi znacznik ?>

P.S. Naucz się żyć bez znacznika <br> bo przyjdzie Commander i zrobi z tobą porządek :)