Ir para conteúdo

POWERED BY:

Arquivado

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

Felipe_95

Rodape Tableless

Por , em Desenvolvimento frontend

Recommended Posts

Felipe_95    0

Felipe_95
Postado

Bom dia pessoal!

Como um usuário do forum me recomendou, reestruturei meu site em tableless, porém estou com um problema, podem me ajudar?

O rodapé no internet explorer sempre fica em baixo, bonitinho! Porém, no chrome ele não fica no final da pagina, fica um pouco acima e também em alguns monitores....

Podem me ajudar nisso?

Código HTML

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[url=http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd [/url]">
<html xmlns="[url=http://www.w3.org/1999/xhtml]http://www.w3.org/1999/xhtml [/url]">
<link rel="stylesheet" type="text/css" href="style/style.css" />
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Point Games</title>
</head>
 
<body>
<div id="wrap">
  <div class="header">
    <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="1021" height="30">
      <param name="movie" value="images/menu.swf" />
      <param name="quality" value="high" />
      <param name="wmode" value="opaque" />
      <param name="swfversion" value="6.0.65.0" />
      <!-- Esta tag param solicita que os usuários com o Flash Player 6.0 r65 e versões posteriores baixem a versão mais recente do Flash Player. Exclua-o se você não deseja que os usuários vejam o prompt. -->
      <param name="expressinstall" value="Scripts/expressInstall.swf" />
      <!-- A tag object a seguir aplica-se a navegadores que não sejam o IE. Portanto, oculte-a do IE usando o IECC. -->
      <!--[if !IE]>-->
      <object type="application/x-shockwave-flash" data="images/menu.swf" width="1021" height="30">
        <!--<![endif]-->
        <param name="quality" value="high" />
        <param name="wmode" value="opaque" />
        <param name="swfversion" value="6.0.65.0" />
        <param name="expressinstall" value="Scripts/expressInstall.swf" />
        <!-- O navegador exibe o seguinte conteúdo alternativo para usuários que tenham o Flash Player 6.0 e versões anteriores. -->
        <div>
          <h4>O conteúdo desta página requer uma versão mais recente do Adobe Flash Player.</h4>
          <p><a href="[url=http://www.adobe.com/go/getflashplayer]http://www.adobe.com/go/getflashplayer [/url]"><img src="[url=http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif]http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif [/url]" alt="Obter Adobe Flash player" /></a></p>
        </div>
        <!--[if !IE]>-->
      </object>
      <!--<![endif]-->
    </object>
  </div>
  <div class="body">
    <object id="FlashID2" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="992" height="363">
      <param name="movie" value="images/animacaotopo.swf" />
      <param name="quality" value="high" />
      <param name="wmode" value="opaque" />
      <param name="swfversion" value="6.0.65.0" />
      <!-- Esta tag param solicita que os usuários com o Flash Player 6.0 r65 e versões posteriores baixem a versão mais recente do Flash Player. Exclua-o se você não deseja que os usuários vejam o prompt. -->
      <param name="expressinstall" value="Scripts/expressInstall.swf" />
      <!-- A tag object a seguir aplica-se a navegadores que não sejam o IE. Portanto, oculte-a do IE usando o IECC. -->
      <!--[if !IE]>-->
      <object type="application/x-shockwave-flash" data="images/animacaotopo.swf" width="992" height="363">
        <!--<![endif]-->
        <param name="quality" value="high" />
        <param name="wmode" value="opaque" />
        <param name="swfversion" value="6.0.65.0" />
        <param name="expressinstall" value="Scripts/expressInstall.swf" />
        <!-- O navegador exibe o seguinte conteúdo alternativo para usuários que tenham o Flash Player 6.0 e versões anteriores. -->
        <div>
          <h4>O conteúdo desta página requer uma versão mais recente do Adobe Flash Player.</h4>
          <p><a href="[url=http://www.adobe.com/go/getflashplayer]http://www.adobe.com/go/getflashplayer [/url]"><img src="[url=http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif]http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif [/url]" alt="Obter Adobe Flash player" /></a></p>
        </div>
        <!--[if !IE]>-->
      </object>
      <!--<![endif]-->
    </object>
  </div>
  <div class="texto"><img src="images/texto.png" width="1024" height="194" /></div>
</div>
<div id="footer"><img src="images/rodape.png" width="612" height="34" /></div>
<script type="text/javascript">
swfobject.registerObject("FlashID");
swfobject.registerObject("FlashID2");
</script>
</body>
</html>

 

 

Código CSS

 @charset "utf-8";
*{
padding:0;
margin:0;
}
body{
background-color:#d5d5d5;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
text-align: center;
}
 
#wrap {
background-color: #FFF;
width:100%;
padding:1px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
 
.header{
background-color:#2b2b2b;
height:30px;
text-align:center;
 
}
.body{
height:387px;
text-align:center;
background-color:#7c7b7b;
}
.texto{
height:206px;
background-color:#d2d2d2;
text-align: center;
}
 
#footer {
background-color: #414141;
height:34px;
background-position: center bottom;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ner0    6

Ner0
Postado

Uma das maneiras de você deixar o rodapé sempre embaixo é usando o CSS abaixo:

 

 

#footer{
bottom:0;
position:absolute;
}

Porem dessa maneira a largura do rodapé tem que ser declarada!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Biel.    9

Biel.
Postado

boa noite a todos. Felipe é preciso que você nos mostre ao menos uma página sua html para comparar-mos com seu css para que possamos ver onde está o erro e mostrar pra você. Abraços!

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