Ir para conteúdo / Skip to content

REMOVENDO AS MARGENS DA PÁGINA

Postado em: 14 de julho de 2006 por Pedro Rogério

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.

Se tiver um tempo, leiam também:

Deixe seu comentário

2 comentários para esse post

  1. Felipe Ranieri disse:
    #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:
    #2

    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.

Deixe seu comentário