Removendo as margens da página

Postado por: Pedro Rogério em

Muitas pessoas, quando estão iniciando em desenvolvimento para a Web, encontram algumas dificuldades para problemas simples, e um deles é como remover a margem de nossa página, ou seja, queremos que nosso documento fique sem aquelas margens indesejadas em nossos documentos. Para vocês entenderem melhor, veja uma screenshot do problema abaixo:

Screenshot da página com margem

Como você pode notar existe uma área em branco entre a área do documento e a janela do browser, mas nós não queremos que nosso documento fique assim. A solução é a seguinte, em nosso CSS, devemos definir para o body que a margem seja 0:


<style  type="text/css">
body {
   margin:0;
}
</style>

Agora veja como ficaria o documento:

Screenshot da página sem margem

Viram como é fácil, isso diz ao browser que não deve haver nenhum espaço entre elementos estruturais e a janela do browser.

Posts Relacionados

Confira também outros artigos interessantes postados aqui no blog.

Gostou desse post?

Assine o nosso Feed RSS, siga-nos no Twitter, ou simplesmente nos recomende a seus amigos!

Sobre Pedro Rogério

Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o Pinceladas da Web também escreve para o CSS no Lanche, blog voltado ao desenvolvimento front-end.

7 Responses to “Removendo as margens da página”

  1. É, no começo é normal bater de frente com problemas desse tipo, o ideal é zerar tudo com um seletor universal antes de começar a escrever a lista de estilos né. Mais ou menos assim: * {margin: 0; padding: 0; border: 0;}.
    Ai depois você define novas margens, novos paddings somente onde vc deseja que eles existam.

    Abraços!!

  2. evandro disse:

    prezados, tudo ok ja conhecia isso e tudo, mais como eh q faço pra tirar a margem do firefox, sem ter q botar valores negativos ja q os mesmo vai acaretar desajustes no IE. agradeço.

  3. Igor disse:

    VALEW MSM SIMPLES ASSIM !

  4. joao disse:

    Rapaz valeu resolveu minha vida virei a net atraz de algo simples assim pra mim que sou iniciante,
    so precisa de uma coisa informar em qual tag é colocada ou se possuir mais detalhamento sobre isso
    Do demais parabens

  5. Never mind the fact that a bass guitar has 96 “buttons”, and not four.

  6. Danilo disse:

    no meu caso nao resolveu… tira as margens laterais, mas a do topo continua em branco… alguem ja passou por isso ??

Leave a Reply