Publicado em 5 de fev.

Topo fixo com position: fixed

Boa tarde, o meu problema é o seguinte estou tentando deixar o meu topo fixo com o position: fixed, porém ele fica em cima da div conteudo quando eu ativo o position: fixed, sendo q não era pra ele ficar em cima da div... eu gostaria que ele ficasse fixo sem entrar na div conteudo...

Olhem as imgs pra entenderem melhor por favor:

SEM POSITION: FIXED:

/applications/core/interface/imageproxy/imageproxy.php?img=http://i.imgur.com/NumSpge.jpg&key=f11c4fdf9378a4df7b6bdb47052d2f69819a469c4727b807ecb00f4c2773e08b" alt="NumSpge.jpg" />

COM POSITION: FIXED:

/applications/core/interface/imageproxy/imageproxy.php?img=http://i.imgur.com/wXGLKw9.jpg&key=7e2e5d76e5905d4c901a9fa0d84ded6e7201fbb9f51d2087c2cea1d6767d060c" alt="wXGLKw9.jpg" />

Discussão (2)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

L. Henrique· 5 de fev.

Se você define um position fixed ele com certeza vai ficar acima do conteúdo quando rolar a página. De uma forma ou de outra isso vai acontecer hahaha mas entendi a questão.

Depois que adicionar o position fixed a sua navbar, adicione um margin top nessa primeira section com a mesma quantidade de pixels de altura da navbar.

Ex.:

.navbar {
 width: 100%;
 height: 100px;
 position: fixed;
}

.suadiv {
 width: 100%;
 height: x;
 margin-top: 100px;
}

viniciussvl· 5 de fev.

Olá obrigado pela sua ajuda, mas eu consegui de um jeito mais fácil, coloquei padding-top no article :D