Ir para conteúdo

POWERED BY:

Arquivado

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

blacktrindade

Espaço abaixo do rodapé

Por , em Desenvolvimento frontend

Recommended Posts

blacktrindade    2

blacktrindade
Postado

Olá pessoal estou com um problema, veja no print abaixo:

 

bl7u.jpg

 

 

No GOOGLE CHROME e no FIREFOX, ele adiciona este espaço(inexistente) ai abaixo do rodapé, da para acessa-lo arrastando a bolinha do mouse ou apertando a seta para baixo, no internet explorer isto não acontece, alguem poderia me ajudar?

 

HTML:

 

<?php

include_once("include/verUrl.php");

?>
<!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" />
<?php include_once("include/metatags.php"); ?>
<link rel="stylesheet" type="text/css" href="css/layout.css" />
<title>Adriano Pinheiro</title>
<link rel="stylesheet"  href="css/fullscreenr.css" type="text/css" />
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="js/jquery.fullscreenr.js" type="text/javascript"></script>
<script type="text/javascript">  
			// You need to specify the size of your background image here (could be done automatically by some PHP code)
			var FullscreenrOptions = {  width: 1024, height: 1024, bgID: '#bgimg' };
			jQuery.fn.fullscreenr(FullscreenrOptions);
</script>	
</head>

<body>
<img id="bgimg" src="img/geral/fundo_topo.jpg" alt="Adriano Pinheiro" title="Adriano Pinheiro" />
<div id="layout">

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

<div id="conteudo">

<?php

	$red = new verURL();
	$red->trocarUrl($_GET['pg']);

?>

</div>



</div><!-- FIM DIV LAYOUT -->
<div id="rodape"><?php include("include/rodape.php");?></div>
</body>

</html>

 

CSS:

 

*{margin:0; padding:0;}

body, html { height: 100%; }
#layout { min-height: 100%; }

#topo { 
	height: 120px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0px 0px 1px #000000;
	-webkit-box-shadow: 0px 0px 1px #000000;
	box-shadow: 0px 0px 1px #000000;
	opacity: 0.9;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 90);
	filter: alpha(opacity = 90);
	background-color:#fff;
}

#conteudo {
	position: absolute; 
	width: 1024px;
	top: 120px; /* header height */
	bottom: 20px; /* footer height */
	left: 50%;
	margin-left: -512px; /* [width]/2 */
	background: #FFF;
	opacity: 0.3;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 30);
	filter: alpha(opacity = 30);
}

#rodape {
	width: 100%;
	height: 120px;
	position: absolute;
	bottom: 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0px 0px 1px #000000;
	-webkit-box-shadow: 0px 0px 1px #000000;
	box-shadow: 0px 0px 1px #000000;
	opacity: 0.9;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 90);
	filter: alpha(opacity = 90);
	background-color:#FFF;
}

 

Obrigado desde já.

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