2

Tenho uma DIV de deixa um espaço entre ela e a parte superior do navegador, veja: http://www.roteirodoimovel.com.br/modelos/3/teste.php

CSS:

    .element {
position:relative;
display: table;
width:960px;
height:120px;
margin: 0 auto;
padding:0px;
background-color:#000000;
border:0px;
    }

Tentei várias coisas mas sem sucesso. Preciso que minha DIV fique colada na parte superior do navegador.

1
  • 1
    Verifique se tem margem ou padding no elemento que contém essa div. Se não tiver, vá subindo na hierarquia até achar o culpado. É bem possível que as margens estejam "colapsando".
    – bfavaretto
    Commented 4/02/2016 às 18:05

3 Respostas 3

4

Você pode utilizar o seguinte css:

* {
margin: 0;
padding: 0;}
4
  • margin: 0 auto; é para deixar minha div centralizada Commented 4/02/2016 às 18:14
  • 3
    Mude o seletor de * para body entao, e tente novamente. O seletor '*' significa que irá atribuir a todos elementos.
    – Cobra
    Commented 4/02/2016 às 18:17
  • Beleza rapaz, funcionou certinho. Muito obrigado! Commented 4/02/2016 às 18:20
  • Fico feliz em saber!
    – rzani
    Commented 4/02/2016 às 18:23
0

Tente editar para:

.element{
  position:fixed;
  padding-top: 0px;
  margin-top: 0px;
}
2
  • Não funcionou.. Commented 4/02/2016 às 18:15
  • @Gladion Neuza Perosini Tente agora editei minha resposta.
    – Kevin.F
    Commented 4/02/2016 às 18:19
0

Tente:

.element {
  margin-top: -20px;
  position: absolute;
  display: table;
  width: 960px;
  height: 120px;
  background-color: #000000;
  border: 0px;
}

Explicação:

Isso acontece porque o todo o elemento tem um espaço de 20px com a parte superior do navegador, e não adianta você colocar 0px, porque há um espaço de 20px entre a div e a parte superior do navegador.

Espero ter ajudado :)

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .