Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

rikaschmitt

Margem superior desnecessária

Recommended Posts

Estou com um problema no meu site.

 

Meu site tem um menu fixo, ou seja, ele está no topo, mas ao rolar a barra, ele acompanha o conteúdo. No css do menu, coloquei "position: fixed", para fixar ele. Correto? Em seguida criei uma div para o conteúdo. O problema é que ela ficava atrás do menu, então dei um margin-top para que a div do conteúdo descesse um pouco.

 

O problema é que essa margin-top está pegando o menu também. Como resolveria isso?

 

Tentei deixar a div do conteudo com "position;absolute", até que funcionou, ma o problema mesmo foi que tem outras divs após o conteúdo e elas não ficam visíveis...

 

 

Olhem ai...

 

23rpspj.jpg

Compartilhar este post


Link para o post
Compartilhar em outros sites

#menu { 
width:100%;
background-color:#8C1346;
border-bottom:4px #6A0F36 solid;
position: fixed;
height:52px;
z-index:999;
}

#header .banner-index { 
width:100%; 
height:567px; 
border-bottom:20px #FADAE7 solid;
margin-top:52px;
position: absolute;

background-image:url('../img/banner-index-1.jpg'); background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; }

 

ta ai.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Além do fixed, coloque um

top: 0;
para o menu

Compartilhar este post


Link para o post
Compartilhar em outros sites

Além do fixed, coloque um

top: 0;
para o menu

 

 

 

Hm.. ainda não testei, mas, se por "top 0", quando rolar a página, o menu nao ficará preso no topo? ou ele, mesmo assim, vai acompanhar a rolagem?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá! Sim com o top:0 ele ficará no topo "Preso", acompanhando a barra de rolagem por causa do position:fixed. Seria isso que você gostaria?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá! Sim com o top:0 ele ficará no topo "Preso", acompanhando a barra de rolagem por causa do position:fixed. Seria isso que você gostaria?

sim!

funcionou!

 

muito obrigado :)

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.