Ir para conteúdo

POWERED BY:

Arquivado

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

mauricio lanner

Mantendo o rodapé no rodapé

Por , em Desenvolvimento frontend

Recommended Posts

mauricio lanner    1

mauricio lanner
Postado

Ola pessoal, estou querendo saber como eu faço pra manter o rodapé no rodapé, como asim? Olhem o print e vocês entenderão:printtj.jpg

como pode ser visto a area vermelha é onde ta o rodapé, a area amarela é onde que quero que fique. segue codigo para verificação 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>browsercall - Sistema de abertura de chamados</title>
<link type='text/css' href='include/estilo.css' rel='stylesheet' />
<!-- Start css3menu.com HEAD section -->
<link rel="stylesheet" href="carai_files/css3menu1/style.css" type="text/css" />
<!-- End css3menu.com HEAD section -->
<style type="text/css">
body {
background-image: url(images/bg.jpg);
background-repeat: repeat-x;
}
</style>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="80%" border="0" cellspacing="0" cellpadding="0" align="center">
 <tr>
   <td width="30%"><table width="200" border="0" cellspacing="0" cellpadding="14">
     <tr>
       <td><img src="images/logo.png" width="269" height="66" /></td>
     </tr>
   </table></td>
   <td align="right"><?php include ('busca.php');?></td>
 </tr>
 <tr>
   <td colspan="2" valign="top"><?php include ('menu.php');?>
     <table width="100%" border="0" cellspacing="0" cellpadding="0">
       <tr>
         <td background="images/sombra1.png"><img src="images/sombra1.jpg" width="4" height="7" /></td>
         <td bgcolor="#FFFFFF" align="center"><?php include ('paginas/index_admin.php');?></td>
         <td background="images/sombra2.png"><img src="images/sombra2.jpg" width="3" height="3" /></td>
       </tr>
   </table></td>
 </tr>
</table>
<?php include ('rodape.php');?>

Compartilhar este post

Link para o post
Compartilhar em outros sites

mauricio lanner    1

mauricio lanner
Postado

Rodapé

 

<table width="100%" border="0" cellspacing="0" cellpadding="0" background="images/bg_roda.png">
 <tr>
   <td valign="top" bgcolor="#FF6600"><br></td>
 </tr>
 <tr>
   <td align="center"><table width="80%" height="100%" border="0" cellspacing="0" cellpadding="0">
     <tr>
       <td><p>Programação Lanner design<br>
         Em parceira com a Meu PC</p>
         <p> </p>
         <p> </p></td>
       <td> </td>
       <td> </td>
     </tr>
   </table></td>
 </tr>
</table>
</body>
</html>

 

o css ainda não esta pronto, tem apenas o bg e a fonte, mais nada

 

Vejam bem, criei uma div assim

<div id="rodape">
 <p class="rodape"><?php include ('rodape.php');?></p>
</div>

 

no css fiz assim:

 

#rodape {
 width: 100%;
 height: 100%;
 position: static;	
}

 

agora, como eu faço para isso tudo ir para baixo?

Compartilhar este post

Link para o post
Compartilhar em outros sites

crisDeveloper    0

crisDeveloper
Postado

se o rodapé tiver em div é só colocar dessa forma

 

ex:

 

#footer {

margin: 5px;

clear: both;

}

 

ele só vai ficar abaixo se o clear estiver com a opção both

 

me mostra teu css

Compartilhar este post

Link para o post
Compartilhar em outros sites

Willian Makoto    6

Willian Makoto
Postado

O clear:both; não resolverá esse problema.

 

Ele quer que o rodapé sempre fique colado embaixo no navegador, não fixo, mas sempre no rodapé quando o #conteudo for menor q a altura do monitor.

 

Em tabela eu não conheço nenhuma solução...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Dian Carlos    29

Dian Carlos
Postado

olhá.. o seu rodapé de acordo com a quantidade de conteúdo da sua página vai indo pra baixo automaticamente, ai quando rolas o scroll ele vai estar no rodapé.

 

mas se você quiser deixar o rodapé fixo independente do conteúdo deixe assim:

 

#rodape {

width: 100%;

height: 100%;

position: fixed;

bottom: 0px;

}

Compartilhar este post

Link para o post
Compartilhar em outros sites

crisDeveloper    0

crisDeveloper
Postado

entendi mais ou menos então ele quer que o rodápé não se mova quando a pessoa use o scroll

 

cria um frameset tipo o do facebook mesmo...

 

concordo com você "crf" as tabelas ale´m de deixarem o site lento você não pode colocar uma pesquisa pra pegar o que tem nelas

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito