Help-me

Sei que pode parecer simples pra vocês, mas para mim não. Eu estou criando um simples layout de manutenção pro meu site, porém não consigo colocar o footer "Rodapé" no final do site e fixo de jeito nenhum. Me ajudem ?

Tenho pouca experiência em programação mas sei que no footer e nas outras coisas têm que se criar um arquivo css para alinhar o mesmo


acho que o css tem que ser algo como:

1. * {
   
   
2. margin:0;
   
   
3. padding:0;
   
   
4. }
   
   
5.  
   
   
6. html, body {height:100%;}
   
   
7.  
   
   
8. .geral {
   
   
9. min-height:100%;
   
   
10. position:relative;
    
    
11. width:800px;
    
    
12. }
    
    
13.  
    
    
14. .footer {
    
    
15. position:absolute;
    
    
16. bottom:0;
    
    
17. width:100%;
    
    
18. }
    
    
19.  
    
    
20. .content {overflow:hidden;}
    
    
21. .aside {width:200px;}
    
    
22. .fleft {float:left;}
    
    
23. .fright {float:right;}
    
    

Maneira simplificada:
CSS:

Código:


.footer {
   margin: 10px 0 40px;
   height: 30px;
   font-size: 13px;
   overflow: hidden;
}
.footer a {
   text-shadow: .1em .1em 0 rgba(255,255,255,0.25);
   -moz-text-shadow: .1em .1em 0 rgba(255,255,255,0.25);
   color: #666666;
   font-weight: bold;
   font-size: 11px;
   text-decoration: none;
}
.footer a:hover {
   text-decoration: underline;
}


HTML:

Código:


<div class="footer">
      © SEU HOTEL 2014. By CRIADOR.<br>
</div>


Deu certo nenhum dos dois, o footer fica no meio debaixo da ultima imagem, mas não no lugar dele.

Então, tente:

Código:


.footer {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
border: 0;
outline: 0;
background: transparent;
}


@Movido.
Abandonado.

No seu footer, adicione a seguinte tag:

Código:


style="position: botton;"


Caso persista a dúvida, crie um novo tópico.