Publicado em 25 de jan.

Rodapé sempre no rodapé

Estou com um problema super grande , estou fazendo um site usando HTML ,CSS , e um pouco de php , Queria manter o rodapé no final da página, não que seja fixo na tela , apenas no final da página , faço o menu em um arquivo separado , e insiro ele na pagina index.php assim :

<div id="rodape"><?php include("rodape.html"); ?></div>

Mas ele sempre fica flutuando ou seja ele fica abaixo da ultima div , quando deveria estar no final da tela ,não abaixo da div ...
Abaixo o codigo do arquivo "rodapé.html" :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
#footer{
	position: relative;
	clear: both;
	width: 100%;
	padding-bottom: 40px;
	border-top: 2px solid #ddd;
	background-color: #eee;
	text-align: center;
	font-size: 24px;
	font-family: "Segoe WP";
}
</style>

<div id="footer">Rodapé</div>
</body>
</html>

Estou apenas fazendo testes , pois pretendo colocar uma imagem algo do tipo ... Aqui o site : http://geekytech.p.ht/ , comecei a fazer esses dias , por isso está deserto...

Grato pelas respostas , Lucas

Discussão (3)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Nícolas Luís Huber· 25 de jan.

Pela estrutura de seu projeto, presumo que seja iniciante, então vou analisá-lo e dar alguma dicas para melhorar.

Crie um diretório com todo conteúdo:

Sempre coloque todo o conteúdo de seu site em uma única pasta (pasta raiz). Percebi que você utiliza o seguinte diretório file:///C|/Users/Lucas/Desktop/windows.php. Você pode criar uma pasta e colocar todos arquivos junto, simplificando o caminho para apenas windows.php

Cada formato no seu lugar:

De preferência sempre utilize o arquivo de estilização (CSS) em arquivo separado e link ao documento (X)HTML através de um <link>, exemplo:

<link href="style.css" rel="stylesheet">

O mesmo vale para JavaScript:

Vi que você está fazendo o include no PHP de maneira errônea. Você está incluindo uma página completa dentro de outra, seu documento acaba contendo 2 doctype, 2 head, 2 body. Isto pode ser a origem do problema com o Rodapé. Faça da seguinte forma os includes:

index.php

<?php
 /*
 Aqui você irá incluir o arquivo header.php, um documento contendo desde o <!dcotype> até o a abertura da SUA <div id="principal">
 */
 include_once('header.php');
?>
Aqui você poderá incluir o arquivo que desejar, mas esse arquivo não precisar conter o <!doctype>, <head>, <body> e nem <div id="principal">. Começe já com o código, sem nenhuma tag "maior". Por exemplo você poderia colocar diretamente isto:
<div id="titulo">Aqui o titulo</div>
 <div id="corpo">Aqui o corpo</div>
<?php
 /*
 Aqui você irá incluir o arquivo footer.php, um documento contendo desde <div id="footer"> até o fechamento do documento com </html>
 */
 include_once('footer.php');
?>

Cuidado com a identificação ID

O atributo de identificação ID só pode ser atributo uma única vez no documento, sem seu projeto conteúdo dois elementos com o mesmo identificador, o id footer.

Diéssica· 25 de jan.

Mas ele sempre fica flutuando ou seja ele fica abaixo da ultima div , quando deveria estar no final da tela ,não abaixo da div ...

Aqui no iMasters tem um artigo do Maujor sobre o assunto, tente implementar:

:seta: http://imasters.com.br/artigo/9065/css/posicionar-o-rodape-embaixo-da-janela/

Lucas Câmara· 25 de jan.

Consegui resolver o problema ... A dica do Nícolas me ajudou bastante quanto a inserção de um documento inteiro , quanto ao include sempre usei normal , não acho que eu seja iniciante ,apenas faz anos que estudei PHP/HTML , minha dificuldade é somente no CSS, o qual não sei bulhufas :/ , Obrigado as dicas ae pessoal .