Ir para conteúdo

POWERED BY:

Arquivado

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

NetBoy16

Configurando rodapé no rodapé

Por , em Desenvolvimento frontend

Recommended Posts

NetBoy16    72

NetBoy16
Postado

Bom dia a todos, eu estou tendo um probleminha chato, ja pesquisei em diversos blogs e aqui no forum tb mas nao consegui resolver,embaixo do rodape do meu site fica um espaco, vou explicar o layout do site, nao passo o link pois o mesmo nao esta hospedado ainda, ai vai:

-div container

--dentro da div container tem as divs topo, conteudo, galeria que fica embaixo do conteudo e rodape

 

Basicamente é isso, tem um menu direito e um esquerdo, uma imagem com a logo no centro, tudo isso e mais algumas outras partes do site e feito por include.

Como eu posso fazer nesse caso para manter o rodape no rodape, alguem pode me ajudar fazendo o favor ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

NetBoy16    72

NetBoy16
Postado 

<!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>Zoom - Agência de Modelos</title>

<!--css-->
<link href="css/estilo.css" rel="stylesheet"/>

<!-- This includes the ImageFlow CSS and JavaScript -->
<link rel="stylesheet" href="css/imageflow.css" type="text/css" />
<script type="text/javascript" src="js/imageflow.packed.js"></script>


<?php require ("modulos/infos_site.php");?> 

</head>

<body>

<div id="container">

<div id="topo">
      <?php require('modulos/topo.php'); ?>
      <div id="redeSociais">
      	<?php require('modulos/redesociais.php'); ?>       
      </div>
      <div id="logoCentro">
	<?php require('modulos/logogrande.php'); ?>  
      </div>
      <div id="menuAgencia">
      	<?php require('modulos/menuesquerdo.php'); ?>       
      </div>
      <div id="menuEscola">
      	<?php require('modulos/menudireito.php'); ?>       
      </div>
   </div>

<div id="conteudo">
   	<?php require('modulos/galeria.php'); ?>
   </div>

   <div id="rodape">
   	<?php require('modulos/rodape.php'); ?>
   </div>

</div>
</body>
</html>

 

*{
margin:0;
padding:0;
}

img{border:0;}
body{background:#ADACAB; font:14px Verdana, Geneva, sans-serif; height:100%;}

#container{
position:relative;
width:1000px;
margin:auto;
min-height:100%;
/*background:#f00;*/
}

/*#topoalt{
height:688px;
background:url(../imagens/bgTopo.png) no-repeat;
position:relative;
z-index:2;
}*/
#logoCentroalt{
	position:relative;
	top:60px;
	background:transparent;
	height:235px;
	width:163px;
	left:55%;
	z-index:1000;
}
#topo{
height:688px;
background:url(../imagens/bgTopo.png) no-repeat;
position:relative;
z-index:2;
}
#redeSociais{
	width:230px;
	height:85px;
	position:absolute;
	right:0;
	z-index:1000;
	top:0px;
}	
#menuAgencia{
	position:absolute;
	top:320px;
	width:212px;
	/*background:#ff0;*/
	left:25px;
	text-decoration:none;
	color:#666;
	font-weight:bold;
	z-index:10
}
		#menuAgencia li{
			/*list-style:none;*/
			margin-left:20px;
			margin-bottom:30px;
			z-index:15;
	}
		#menuAgencia a{
			text-decoration:none;
			color:#666;
			font-weight:bold;
			z-index:20
	}
		#searchbar{
			position:relative;
			background:url(../imagens/searchbar.png);
			font:Verdana, Geneva, sans-serif 11px;
			color:#FFF;
			width:180px;
			height:21px;
			top:-20px;
			left:20px;
			z-index:20;
			border-radius:5px;
	}
		#searchbutton{
			position:relative;
			background:url(../imagens/searchbutton.png);
			height:22px;
			width:100px;
			top:-15px;
			left:100px;
			z-index:20;
			border-radius:15px;
			font:Verdana, Geneva, sans-serif 12px;
			color:#FFF;
			font-weight:bold;
	}
#menuEscola{
	position:absolute;
	top:320px;
	right:15px;
	width:212px;
	/*background:#ff0;*/
	text-decoration:none;
	color:#666;
	font-weight:bold;
	z-index:10
}
	#menuEscola li{
		/*list-style:none;*/
		margin-left:20px;
		margin-bottom:30px;
		z-index:15
	}
	#menuEscola a{
		text-decoration:none;
		color:#666;
		font-weight:bold;
		z-index:20
	}
#logoCentro{
	position:absolute;
	top:58px;
	background:transparent;
	height:235px;
	width:482px;
	left:130px;
	z-index:1000
}
#conteudoalt{
	position:relative;
	background:url(../imagens/bgconteudoalt.jpg);
	height:515px;
	width:482px;
	left:262px;
	position:relative;
	top:-570px;
	Filter: Alpha(Opacity=70);
	-moz-opacity: 0.90;
	opacity:0.80;
	z-index:50;
}
#textoconteudo{
	font:Verdana, Geneva, sans-serif 12px;
	text-align:center;
	padding-top:250px;
	z-index:5
}
#conteudo{
background:url(../imagens/fundo_verm_commao.jpg) no-repeat;
height:450px;
position:relative;
top:-25px;
}

#rodape{
position:absolute;
height:150px;
background:url(../imagens/bgRodape.jpg) no-repeat;
position:relative;
top:-25px;
text-align:center;
bottom:0;
}
#rodapeImg{
	position:relative;
	top:10px;

}
#linkagencia{
	position:relative;
	top:20px;
	left:0px;
	font:Verdana, Geneva, sans-serif 12px;
	font-weight:bold;
	text-decoration:none;
	color:#000;
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

se é q eu entendi, isso aqui resolve:

 

http://maujor.com/tutorial/rodape-embaixo-da-janela.php

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