Strona nie dochodzi do krawędzi.

Question

Witam, mam taki dziwny problem (może i banalny) otóż nie wiem dlaczego, ale moja strona nie dochodzi do bocznych i górnych krawędzi (zamieszczam screena i kod). Z góry dziękuję za odpowiedz :) .

body{
	text-align: center;
}

header{
	height: 100px;
	background: #dbdbdb;
	width: 100%;
	z-index: 10;
	position: fixed;
}

#banner{
	width: 100%;
	height: 500px;
	position: fixed;
	top: 100px;
}

#content{
	width: 100%;
	position: relative;
	top: 400px;
	background: #ebebeb;
	height: 1500px;
}

Pozdrawiam.

Answer 1

Znacznik body ma standardowo marginesy, tradycyjnie należy je wyzerować. W tym wypadku również znacznik <h1> dodaje górny margines, który też można wyzerować.

html, body {
    margin: 0;
    padding: 0;
}​

h1 {
    margin: 0;
}

Comments

Pomogło to przy bocznych krawędziach, ale nadal jest ta na górze. (dziękuje za tak szybką odpowiedz)

---

Znacznik <h1> też ma standardowo marginesy, które można wyzerować.

h1 {
    margin: 0;
}

Edytowałem odpowiedź, w celu uwzględnienia znacznika <h1>

Answer 2

Dokładnie div container oraz margin-left:auto; margin-right:auto;

Poradnik pana mirosława HTML koniecznie.

Answer 3

Oglądałeś chyba kurs Mirosława Zelenta o HTML, nie? To gdzie jest div #container?

Comments

To jest tylko taka strona by coś przetestować, ale tak, całkowicie o tym zapomniałem.

Answer 4

Dziękuję za tak szybkie zainteresowanie, problem rozwiązany :) Jest to chyba jedne z najlepszych forum tego typu.