Problemas com conceito em CSS

[Superwagtel 1]

Olá pessoal, aprendi o CSS na marra e ainda tenho alguns problemas

que creio sejam de conceitos.

 

Criei um hot site, com várias páginas em um arquivo único usando ancoras para os links (nunca fiz isto antes com o HTML5 + CSS3)

 

São quatro páginas que onde eu apenas fui colocando um bloco abaixo do outro e tudo foi muito bem até chegar no último bloco "contato"

 

Ficou um espaço antes dele que eu não entendi, precisei então remendar utilizando o position relative:

 

#bloco-contato{

width:980px;

height:auto;

display:inline-bloco;

position:relative;

top:-340px;

}

 

 

Para ter uma idéia, posto abaixo o link do hot-site de forma que já apresenta-se o problema:

 

http://www.wagtel.com/juliana-porto/projeto-juliana-3/#contato

 

CSS

 

http://www.wagtel.com/juliana-porto/projeto-juliana-3/css/estilos.css

 

Alguém saberia me dizer o que houve para que apenas o quarto "bloco" ou bloco-contato apresentou este espaço?

[rikaschmitt 54]

Não consegui identificar os blocos, parece que todos eles tem o mesmo conteúdo.

[kaiquemix 1]

Ta muito confuso achar. Poderia falar qual é a div?

[Electronic 124]

O espaço é essa tag;

<a name="contato" id="contato"></a>

 

que pegou as regras de #contato, retire o id dela

[leonardo de andrade baessa 16]

Cara você deve ter atropelado Div ai.

cria

<div id="corpo"> 1pag</div>

<div id="corpo"> 2pag</div>

<div id="corpo"> 3pag</div>

<div id="corpo"> 4pag</div>

 

e controla todas as outras dentro dela .. muita as vezes acaba Atropelando. Fiquei até na dúvida se teu Rodape não esta dentro da pagina acima.

[rikaschmitt 54]

Cara você deve ter atropelado Div ai.

cria

<div id="corpo"> 1pag</div>

<div id="corpo"> 2pag</div>

<div id="corpo"> 3pag</div>

<div id="corpo"> 4pag</div>

 

e controla todas as outras dentro dela .. muita as vezes acaba Atropelando. Fiquei até na dúvida se teu Rodape não esta dentro da pagina acima.

 

nesse caso é melhor utilizar "class", pois ID é único.

[Superwagtel 1]

Valeu a ajuda de todos:

 

De fato, foi a div id="contato" da âncora <a name="contato" id="contato>

 

retirei o id="contato" e tudo funcionou bem!