andersonseifert 10 Denunciar post Postado Março 27, 2014 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; } Compartilhar este post Link para o post Compartilhar em outros sites
Rafael Melo 1 Denunciar post Postado Março 27, 2014 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; } Compartilhar este post Link para o post Compartilhar em outros sites
andersonseifert 10 Denunciar post Postado Março 27, 2014 cara eu criei um arquivo .css o problema nao é esse; Diminui o zoom da pagina olha como esta : http://prntscr.com/34gyfw Compartilhar este post Link para o post Compartilhar em outros sites
reebr 94 Denunciar post Postado Março 27, 2014 Melhor postar o código ao invés de imagens. Compartilhar este post Link para o post Compartilhar em outros sites
andersonseifert 10 Denunciar post Postado Março 27, 2014 Cara ja postei o code do meu Body; html http://paste.ubuntu.com/7160518/ css http://paste.ubuntu.com/7160519/ Compartilhar este post Link para o post Compartilhar em outros sites
André D. Molin 15 Denunciar post Postado Março 27, 2014 html, body { width: 100%; height: 100%; } Compartilhar este post Link para o post Compartilhar em outros sites
andersonseifert 10 Denunciar post Postado Março 27, 2014 Not Compartilhar este post Link para o post Compartilhar em outros sites
Rafael Melo 1 Denunciar post Postado Março 27, 2014 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. Compartilhar este post Link para o post Compartilhar em outros sites
andersonseifert 10 Denunciar post Postado Março 27, 2014 Amigao nao é por causa do gerador de css e sim algum errinho que nao estou conseguindo achar olha como estA : http://prntscr.com/34k4ht Compartilhar este post Link para o post Compartilhar em outros sites
reebr 94 Denunciar post Postado Março 27, 2014 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. Compartilhar este post Link para o post Compartilhar em outros sites