Entrar | Registrar | FAQ
Anonymous

Espaço Branco depois do footer.

+ Postar uma resposta

3 Mensagens Página 1 de 1


Espaço Branco depois do footer.

por Hyuun » Dom Jun 22, 2014 10:17 pm

Estou com um problema no footer da minha pagina, está aparecendo um espaço extra em branco embaixo do footer que não deveria aparecer, o espaço é exatamente do tamanho que deveria ficar só a pagina eu preciso remover esse espaço mas n estou conseguindo.
Abaixo segue as imagens de como está e como deveria ser.
Como está: http://i.imgur.com/3vEEPEj.png
Como deveria ser: http://i.imgur.com/04yuyDq.png

Meu códico css:
Código: Selecionar tudo
body {
   background: url('../../../../imagens/fd.png') #dcdcdc;
   color: #2d2d2d;
   font-size: 14px;
   cursor: default;
}

body, .area, .entrar {
   font-family: 'Trebuchet MS';   
}

a {
   text-decoration: none;
   color: inherit;
}

h1, h2, h3, h4, h5, p {
   font-weight: normal;
   padding: 0;
   margin: 0;
}

h1 {
   font-size: 14px;
}

h2 {
   font-size: 24px;
}

h3 {
   font-size: 14px;
   color: #ffc81e;
   text-shadow: 0 1px #000;
   text-transform: uppercase;
}

#general {
   width: 1000px;
   margin: 0 auto;
}

#header {
   overflow: auto;
   position: relative;
   height: 112px;
}

.logo {
   background: url('../../../web-gallery/v2/images/habbo.png') no-repeat center;
   width: 156px;
   height: 52px;
   float: left;
   padding-top: 20px;
}

#twitter {
   margin: 20px 70px 0 0;
   float: right;
}

.tw {
   background: url('../../../imagens/twf.png');
   box-shadow: 0 2px #8c8c8c;
   float: left;
   height: 30px;
   width: 35px;
   border-radius: 5px 0 0 5px;
   border: solid 1px #506473;
   position: absolute;
   margin-left:-37px;
}

.textot {
   background: #ebebeb;
   box-shadow: 0 2px #8c8c8c, 0 2px #fff inset;
   color: #8c8c8c;
   font-size: 12px;
   text-shadow: 0 1px #fff;
   border-radius: 0 5px 5px 0;
   width: 500px;
   height: 15px;
   padding: 8px 0px 7px 0px;
   border-top: solid 1px #8c8c8c;
   border-bottom: solid 1px #8c8c8c;
   border-right: solid 1px #8c8c8c;
   float: right;
}

.frank {
   background: url('../../../imagens/frank.png');
   height: 62px;
   width: 80px;
   position: absolute;
   margin-top: 30px;
   right: 20px;
}

#contenido {
   margin-top: -28px;
   text-shadow: 0 1px #fff;
   font-size: 14px;
   height: 220px;
}

#entrada {
   float: left;   
   position: relative;
   margin-top: 6px;
   width: 190px;
}

.esp {
   padding-top: 2px;
}

.circ {
   background: url('../../../imagens/circ.png') no-repeat center;
   height: 9px;
   width: 9px;
   float: left;
   padding: 5px;
}

.area {
   background: #2d2d2d;
   border: none;
   text-align: center;
   color: #fff;
   text-shadow: 0 1px #000;
   font-size: 14px;
   border-radius: 5px;
   padding: 8px 15px 8px 15px;
   box-shadow: 0 3px #141414 inset, 0 2px #fff;
   width: 155px;
   outline: none;
   margin: 0;
}

.mal {
   background: #c81400;
   box-shadow: 0 3px #9f1400 inset, 0 2px #fff;
}

#mal {
   background: url('../../../imagens/mal.gif') #c81400 no-repeat 300px;
   box-shadow: 0 3px #9f1400 inset, 0 2px #fff;
   color: #fff;
   text-shadow: 0 1px #000;
   text-align: center;
   padding: 15px;
   font-size: 20px;
   border-radius: 0 0 5px 5px;
   margin-top: -8px;
}

.cont {
   font-size: 12px;
   text-align: center;
   padding-bottom: 10px;
}

.entrar {
   width: 100%;
   position: absolute;
   background: url('../../../imagens/bot.png');
   color: #fff;
   text-transform: uppercase;
   text-shadow: 0 1px #917832;
   box-shadow: 0 3px #5a3705;
   font-size: 18px;
   border: solid 1px #5a3705;
   border-radius: 5px;
   padding: 10px;
   cursor: pointer;
}
.entrar:hover {
   background: url('../../../imagens/bot.png') 0 -66px;
}

#hotel {
   background: url('../../../imagens/hotel.png');
   height: 168px;
   width: 800px;
   float: right;
   border-radius: 5px;
   border: solid 1px #000;
   box-shadow: 1px 1px #fff inset, -1px -1px #fff inset;
}

.conec {
   margin: 0 0 10px 15px;
   float: left;
}

#reg {
   background: url('../../../imagens/bot.png');
   float: right;
   width: 250px;
   border-radius: 5px;
   border: solid 1px #5a3705;
   box-shadow: 0 3px #5a3705;
   padding: 9px;
   text-align: center;
   color: #fff;
   text-shadow: 0 1px #917832;
   text-transform: uppercase;
   margin: 50px 30px 0 0;
}
#reg:hover {
   background: url('../../../imagens/bot.png') 0 -66px;
}

#redes {
   float: right;
   clear: both;
   margin: 15px 0 15px 0;
   width: 400px;
}

.enc {
   margin-left: 20px;
}

.red {
   height: 25px;
   width: 24px;
   float: right;
   background: red;
   margin: -10px 5px 0 5px;
   margin-top:-24px;
}

.face {
   background: url('../../../imagens/redes.png') 0 0;
}
.face:hover {
   background: url('../../../imagens/redes.png') 24px 0;
}

.twit {
   background: url('../../../imagens/redes.png') 0 -35px;
}
.twit:hover {
   background: url('../../../imagens/redes.png') 24px -35px;
}

.goo {
   background: url('../../../imagens/redes.png') 0 -70px;
}
.goo:hover {
   background: url('../../../imagens/redes.png') 24px -70px;
}

.sky {
   background: url('../../../imagens/redes.png') 0 -105px;
}
.sky:hover {
   background: url('../../../imagens/redes.png') 24px -105px;
}

.mail {
   background: url('../../../imagens/redes.png') 0 -140px;
}
.mail:hover {
   background: url('../../../imagens/redes.png') 24px -140px;
}

.rss {
   background: url('../../../imagens/redes.png') 0 -175px;
}
.rss:hover {
   background: url('../../../imagens/redes.png') 24px -175px;
}

#descrip {
   overflow: auto;
   width: 100%;
}

#flink {
   background: url('../../../imagens/flink.gif') no-repeat left top;
   padding-top: 0px;
   float: left;
   width: 150px;
   font-size: 12px;
   text-shadow: 0 1px #fff;
   margin-top:-20px;
   margin-left:-12px;
   position:absolute;
}

#noticias {
   float: right;
}

.evento {
   padding: 15px;
   height: 150px;
   width: 225px;
   float: left;
   margin-left: 15px;
   border-radius: 2px;
   border: solid 1px #000;
   box-shadow: 1px 1px #fff inset, -1px -1px #fff inset;
   position: relative;   
}

.titulo {
   font-size: 12px;
   color: #fff;
   text-shadow: 0 0 5px #000;
   margin: -5px 0 0 -5px;
}

.texto {
   background: rgba(0, 0, 0, 0.45);
   position: absolute;
   box-shadow: 1px 0 #fff inset, -1px -1px #fff inset;
   border-radius: 0 0 2px 2px;
   font-size: 12px;
   color: #fff !important;
   text-shadow: 0 1px #000;
   padding: 10px;
   left: 0;
   bottom: 0;
   
}

.furnis {
   background: url('../../../imagens/furnis.png') no-repeat center;
}

.concursos {
   background: url('../../../imagens/concursos.png') no-repeat center;
}

.actual {
   background: url('../../../imagens/actua.png') no-repeat center;
}

#footer {
   text-align: center;
   margin-top: 15px;
   font-size: 12px;
   text-shadow: 0 1px #fff;
}

function sticky_footer() {
   var mFoo = $("footer");
   if ((($(document.body).height() + mFoo.outerHeight()) < $(window).height() &&

mFoo.css("position") == "fixed") || ($(document.body).height() < $(window).height() &&

mFoo.css("position") != "fixed")) {
      mFoo.css({ position: "fixed", bottom: "0px" });
   } else {
      mFoo.css({ position: "static" });
   }
}

jQuery(document).ready(function($){
   sticky_footer();
   $(window).scroll(sticky_footer);
   $(window).resize(sticky_footer);
   $(window).load(sticky_footer);
});
Avatar de usuário

Hyuun

  • Mensagens: 2
  • Data de registro: Dom Jun 22, 2014 10:01 pm

Re: Espaço Branco depois do footer.

por XainPro » Ter Jun 24, 2014 10:18 am

onde está o seu código html?
retire o rodapé pegajoso e vai ficar tudo bem
Avatar de usuário

XainPro

  • Mensagens: 3933
  • Data de registro: Sex Fev 17, 2012 8:10 pm

Re: Espaço Branco depois do footer.

por Hyuun » Ter Jun 24, 2014 7:12 pm

XainPro escreveu:onde está o seu código html?
retire o rodapé pegajoso e vai ficar tudo bem


Como retiro? Codigo abaixo.

Código: Selecionar tudo
<?php
require_once('./data_classes/server-data.php_data_classes-core.php.php');

session_start();

if(isset($_GET['registerCancel']) && $_GET['registerCancel'] == "true"){
session_unset();
}

if(!session_is_registered(username)){

   if(isset($_POST['username']) && isset($_POST['password'])){
   $username = FilterText($_POST['username']);
   $password = HoloHash($_POST['password'], $username);
   $password2 = HoloHashMD5($_POST['password'], $username);

      if(empty($username) || empty($_POST['password'])){
         $login_error = "Você deve digitar sua senha para logar!";
      } else {
         $sql = mysql_query("SELECT id FROM users WHERE username = '".$username."' AND password = '".$password."' OR username = '".$username."' AND password = '".$password2."' LIMIT 1") or die(mysql_error());
         if(mysql_num_rows($sql) < 1){
            $login_error = "Nome ou senha incorreto!";
         } else {
            $userdata = mysql_fetch_assoc($sql);
            $userid = $userdata['id'];
            $ban = mysql_query("SELECT * FROM bans WHERE value = '".$username."' AND bantype = 'user' or value = '".$remote_ip."' AND bantype = 'ip' LIMIT 1") or die(mysql_error());
            if(mysql_num_rows($ban) < 1){

               mysql_query("UPDATE users SET password = '".$password2."', ip_last = '".$remote_ip."' WHERE username = '".$username."'");

               $_SESSION['username'] = $username;
               $_SESSION['password'] = $password2;
                  if($_POST['_login_remember_me'] == "true"){
                     setcookie("remember", "remember", time()+60*60*24*100, "/");
                     setcookie("rusername", $_SESSION['username'], time()+60*60*24*100, "/");
                     setcookie("rpassword", $_SESSION['password'], time()+60*60*24*100, "/");
                  }
               header("location: $path/me"); exit;
            } else {
               $bandata = mysql_fetch_assoc($ban);
               $timestamp = time();
               if($bandata['expire'] > $timestamp){
                  $login_error = "Você foi banido por: \"" . $bandata['reason'] . "\" e termina em: " . date('d.m.Y - H:i:s', $bandata['expire']) . ".";
               } else {
                  mysql_query("DELETE FROM bans WHERE value = '".$username."' AND bantype = 'user' OR value = '".$remote_ip."' AND bantype = 'ip' LIMIT 1") or die(mysql_error());
                  mysql_query("UPDATE users SET password = '".$password2."', ip_last = '".$remote_ip."' WHERE username = '".$username."'");

               $_SESSION['username'] = $username;
               $_SESSION['password'] = $password2;
                     if($_POST['_login_remember_me'] == "true"){
                        setcookie("remember", "remember", time()+60*60*24*100, "/");
                        setcookie("rusername", $_SESSION['username'], time()+60*60*24*100, "/");
                        setcookie("rpassword", $_SESSION['password'], time()+60*60*24*100, "/");
                     }
                  header("location: $path/me"); exit;
               }
            }
         }
      }
   }



$body_id = "index";
$pagename = "<?php echo $shortname; ?> Hotel, um mundo virtual, entre já e faça amigos e divirta-se!,usamos TavaresCMS";



?>


<!-- <?php echo $shortname; ?> Hotel By Tavarescms-->
<!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" xml:lang="en" lang="en" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
   <meta http-equiv="content-type" content="text/html; charset=utf-8" />
   <title><?php echo $sitename; ?> Hotel - Diverção garantida!</title>

<link rel="shortcut icon" href="data/images/favicon.ico" type="image/vnd.microsoft.icon" />
<link rel="stylesheet" href="data/css/index.css" type="text/css" />
<script src="data/js/libs2.js" type="text/javascript"></script>
<script src="data/js/landing.js" type="text/javascript"></script>
<script src="data/js/visual.js" type="text/javascript"></script>
<script src="data/js/libs.js" type="text/javascript"></script>
<script src="data/js/common.js" type="text/javascript"></script>
<script src="data/js/fullcontent.js" type="text/javascript"></script>
<script src="http://code.jquery.com/jquery-latest.js"></script>

<link rel="stylesheet" href="data/css/style.css" type="text/css" />
<script type="text/javascript" src="data/js/modernizr.custom.28468.js"></script>
<link href='http://fonts.googleapis.com/css?family=Economica:700,400italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="web-gallery/v2/styles/inhabbo-Index.css" />

<style type="text/css">
            body {
                background-color: #000000;

            }
            #footer .footer-links  { color: #666666; }
            #footer .footer-links a { color: #ffffff; }
            #footer .copyright      { color: #666666; }
            #footer #compact-tags-container span, #footer #compact-tags-container a { color: #333333; }
        </style>
</head>



<body id="frontpage">

<div id="overlay"></div>




<div id="site-header">


<form id="register_form" name="loginformitem" action="<?php echo $path; ?>?name=<?php echo FilterText($_POST['username']); ?>&password=true" method="post">


    <?php if(isset($login_error)){ ?>
<div id="loginerrorfieldwrapper">
            <div id="loginerrorfield">
            <div><?php echo $login_error; ?></div>
            </div> </div>

<?php } ?>





        <div style="clear: both;"></div>

        <div id="site-header-content">


<!DOCTYPE html>
<html>
<head>
   <title><?php echo $shortname; ?> Hotel - Sempre Pensando em Você!</title>
   <link rel="stylesheet" type="text/css" href="<?php echo $path; ?>/data/css/index.css">
   <link href="favicon.ico" rel="icon" type="image/x-icon" />
</head>
<body>
   <div id="general">

      <div id="header">
         <a href="<?php echo $path; ?>/quickregister/start"><div class="logo"></div></a>

         <div id="twitter">
            <span class="tw"></span>
            <div class="textot">
               <marquee>
                 Seja Bem vindo ao <?php echo $shortname; ?> Hotel , agora temos Loja de Referidos, so basta convidar amigos e usar seus referidos para comprar VIP.
               </marquee>
           </div>
            <span class="frank"></span>
         </div>
      </div>

      <div id="contenido">
         <div id="entrada">
            <form action="<?php echo $path; ?>" method="POST">
         <p class="esp"><div class="circ"></div>Nome no <?php echo $shortname; ?>:</p>
                                   <p class="esp"><input type="text" name="username" class="area" required autofocus></p>
               <p class="esp"><div class="circ"></div>Senha:</p>
                                   <p class="esp"><input type="password" name="password" class="area" required></p>
               <p class="esp cont"><a href="#">      </a></p>
               <p><input type="submit" class="entrar" value="ENTRAR"></p>
            </form>
         </div>
         <div class="conec"><?php echo $online_count; ?> <?php echo $shortname; ?>'s Online</div>

         <div id="hotel">
            <a href="<?php echo $path; ?>/quickregister/start">
      <div id="reg">
                  <h1>NOVO NO <?php echo $shortname; ?></h1>
                  <h2>REGISTRE-SE!</h2>
               </div>
            </a>
         </div>

      </div>

      <div id="descrip">
         <div id="flink">
            <div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/pt_PT/all.js#xfbml=1&appId=309302062498075";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
            <div class="fb-like-box" data-href="#" data-width="200" data-show-faces="true" data-border-color="#dbdddd" data-stream="false" data-header="false"></div>

         </div>

                  <div id="noticias">
         <div class="evento furnis">
            <div class="titulo">Tudo Atualizado!</div>
            <div class="texto">
               <h3>SEMPRE !</h3>
               Aqui no <?php echo $shortname; ?> hotel estamos sempre atualizados para o seu conforto.
               <a href="#"><h5></h5></a>
            </div>
         </div>

         <div class="evento concursos">
            <div class="titulo">Eventos e Promoções!</div>
            <div class="texto">
               <h3>EVENTOS E PROMOÇÕES DIARIAS!</h3>
               Não fique de fora, pois diariamente teremos eventos & promoções épicas.
               <a href="#"><h5></h5></a>
            </div>
         </div>

         <div class="evento actual">
            <div class="titulo">Hotel Optimizado!</div>
            <div class="texto">
               <h3> Hably VIP</h3>
               Agora temos um novo sistema que funciona por referidos.
               <a href="#"><h5></h5></a>
            </div>
         </div>
         </div>
      </div>

      <div id="footer">
         <a href="#">          </a>
      </div>
   </div>
</body>
</html>
            <script type="text/javascript">if (!$(document.body).hasClassName('process-template')) { Rounder.init(); }</script>


</div>
<!--[if lt IE 7]>
<script type="text/javascript">
Pngfix.doPngImageFix();
</script>
<![endif]-->
<div id="footer" class="new_and_improved">
   <p class="footer-links"><a href="http://facebook.com/ppforum"><font color="#000000">Facebook</font> </a> | <a href="/equipe"><font color="#000000">Equipe </font></a>| <a href="http://twitter.com/PowerPixelForum"><font color="#000000">Twitter</font></a></p>

<?php


} else {
header("location:me.php");
}

?>

</body></html>
<?php require_once('./templates/community_footer.php'); ?>
Avatar de usuário

Hyuun

  • Mensagens: 2
  • Data de registro: Dom Jun 22, 2014 10:01 pm


+ Postar uma resposta

Página 1 de 1