Espaço Branco depois do footer.
3 Mensagens Página 1 de 1
Espaço Branco depois do footer.
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);
});
Re: Espaço Branco depois do footer.
onde está o seu código html?retire o rodapé pegajoso e vai ficar tudo bem
Re: Espaço Branco depois do footer.
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'); ?>
Página 1 de 1