Sites com backgrounds diferentes
24/05/2017
0
Gostaria de saber como posso fazer isso de maneira mais profissional
Os sites que tem estes exemplos são os seguintes:
https://atom.io/ Do editor Atom
https://electron.atom.io/ do framework electron
descendo a pagina de cada um deles vocês podem perceber que há uma divisão para cada sessão
Leonardo Furtado
Post mais votado
14/06/2017
Nesse caso são apenas divs (ou sections) com cores diferentes no plano de fundo. Em geral essas divs não têm margin nem border, assim uma fica colada na outra. Em teoria aplicar zoom na página não deveria alterar a cor do plano de fundo. Você poderia postar seu código para analisarmos?
Abraço.
Joel Rodrigues
Mais Posts
16/06/2017
Rachel Andrade
<section id="secao1"></section> <section id="secao1"></section> <section id="secao1"></section>
E no CSS eu alterei a altura de todas as sections para 100vh (100% da altuar da tela) e dei a cada uma um background diferente:
section { height:100vh; }
#secao1 { background-color: red; }
#secao2 { background-color: green; }
#secao# { background-color: blue; }
Espero que ajude.
19/06/2017
Dayan Barros
Então, veja se essa margin é a que o browser já seta.
Para você retirar isso, no começo do CSS coloca assim:
* {margin: 0; padding:0;}
Retira as margens que você aplicou e veja se fica correto.
Abs
19/06/2017
Rafael Zilli
Além da dica que os parceiros ali já deram (zerar o margin), coloca o width da div (ou da section) em 100% e defina o height no tamanho que você deseja e coloca o background-color.
Na dúvida, posta seu código ai.
Abraço
Clique aqui para fazer login e interagir na Comunidade :)