CSS em toda page

[andersonseifert 10]

Boa noite galera alguem sabe o porque meu css nao preenche toda pagina ?

 

http://prntscr.com/34gcc4

 

 

body {
	margin: 0;
	padding: 0;
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
    font-size: 11px;	

	background: #f2f5f6; /* Old browsers */
background: -moz-linear-gradient(top,  #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f6), color-stop(37%,#e3eaed), color-stop(100%,#c8d7dc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-9 */

	text-align: center;
}

[Rafael Melo 1]

Anderson, pelo que vi, voce abriu um body dentro dele mesmo, veja abaixo:

 

	body {
		margin: 0;
		padding: 0;
		font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
		font-size: 11px;
		background: #f2f5f6; /* Old browsers */
		background: -moz-linear-gradient(top,  #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f6), color-stop(37%,#e3eaed), color-stop(100%,#c8d7dc)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-9 */
		text-align: center;
}

[andersonseifert 10]

cara eu criei um arquivo .css o problema nao é esse;

Diminui o zoom da pagina olha como esta :

 

 

http://prntscr.com/34gyfw

[reebr 94]

Melhor postar o código ao invés de imagens.

[andersonseifert 10]

Cara ja postei o code do meu Body;

 

html

 

http://paste.ubuntu.com/7160518/

 

css

 

http://paste.ubuntu.com/7160519/

[André D. Molin 15]

html, body { width: 100%; height: 100%; }

[andersonseifert 10]

Not

[Rafael Melo 1]

Anderson,

evite usar gerador de CSS, dei um cover e no-repeat no background, aqui funciono, veja como fico:

 

background: -moz-linear-gradient(top,  #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%)no-repeat cover; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f6), color-stop(37%,#e3eaed), color-stop(100%,#c8d7dc))no-repeat cover; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%)no-repeat cover; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%)no-repeat cover; /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%)no-repeat cover; /* IE10+ */
background: linear-gradient(to bottom,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%)no-repeat cover; /* W3C */

Mais claro o gradiente vai ficar mais fraco porque ele estico na pagina inteira.

[andersonseifert 10]

Amigao nao é por causa do gerador de css e sim algum errinho que nao estou conseguindo achar olha como estA :

 

 

http://prntscr.com/34k4ht

[reebr 94]

Seu CSS está com diversas partes repetidas, uma regra sobrepondo a outra, isto dificultou identificar o que está causando o problema. Tente isto aqui (temporariamente), seguindo o idéia do André:

html, body {
    min-width: 100%;
    min-height: 100%;
}

Dá uma organizada no css, se você está definindo o padding:0 e margin:0 com seletor universal, não é necessário repetir a regra novamente dentro dos outros seletores.