Rodapé

[Giovani 104]

Olá pessoal,

 

Criei uma div geral....

 

#geral{	width: 770px;	height: 400px;	margin: 0 auto;}

e depois criei um rodapé...

 

#rodape{	clear : both;	color: #FF9900;	font: 10px Verdana;	text-align : right;	margin : 5px 5px 0px 5px;	padding-bottom:1px;}

No centro da div geral vai ter outra div, sei lá....geral, q vai variar de tamanho. Como defini um tamanho para a div geral, quero q o rodapé fique sempre "grudado" no fim do div geral....

 

Pesquisei aqui no forum, mas a maioria dos rodapés era igual ao meu....

 

Alguém pode me ajudar a resolver esse problema??

 

Segue o código html

 

<div id="geral"> 			<div id="central">	   xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx	</div> 		<div id="rodape">		zzzzzzzzzzzzzzzzzzzzzz	</div> 	</div>

Abraços!!!

[Browser 0]

Pelo amor de Deus, na próxima vez hospeda a página na internet e manda o link aqui para a galera. :)

A solução que eu achei foi retirar a altura da div geral, assim o teu footer ficará sempre abaixo.

#geral{	width: 770px;	margin: 0 auto;	background-color:#CCCCCC;}#rodape{	clear : both;	color: #FF9900;	font: 10px Verdana;	text-align : right;	margin : 5px 5px 0px 5px;	padding-bottom:1px;	background-color:#f7f7f7;}

O corpo da página:

<div id="geral">			<div id="central">	  <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>	  	  <p> It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>	</div>		<div id="rodape">		zzzzzzzzzzzzzzzzzzzzzz	</div></div>

[pa_bruno 0]

eu falo, falo, falo... mas o pessoal continua naum ajudando...sempre q você colocar uma altura teu rodapé vai ficar abaixo do conteúdo e se o geral for maior q essa altura, o geral vai ser maior... eh soh fazer como o browser falow... sem o tamanho o geral sempre vai acompanhar o final do rodapé...agora se você quiser q o geral sempre seja do tamanho da pagina toda, você vai ter uma dor d cabeça... css2 ainda eh um pouco chato pra alturas... mas com gambiarras pode ser possível...

[disnay 0]

mas dessa forma funciona com posicionamento relativo?

[micox 2]

Ae gio,

 

Nao sei se lí o tópico direito e se dessa forma te ajudaria:

 

<style>#geral{	width: 770px;	height: 400px;	margin: 0 auto;	background-color:#CCCCCC;	position:relative;}#rodape{	position:absolute;	width:760;	bottom:0px;	clear : both;	color: #FF9900;	font: 10px Verdana;	text-align : right;	margin : 5px 5px 0px 5px;	padding-bottom:1px;	background-color:#f7f7f7;}</style><div id="geral">			<div id="central">	  <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>	  <br /><br /><br /><br />	  <p> It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>		</div>		<div id="rodape">		zzzzzzzzzzzzzzzzzzzzzz	</div></div>

Ajuda? Serve pra você?

[Giovani 104]

E ae micox, MUITO OBRIGADO!!!

 

Este post é de dezembro, da época em q eu ainda não pesquisava muito...hehehe...e fiz como você fez, do mesmo jeito!!!!!

 

Novamente muito obrigado!!!!!

 

Abraços!!! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

[micox 2]

Este post é de dezembro

Puts, nem tinha me atentado pra data...

[Giovani 104]

Sem problemas micox!!!

 

Obrigado ae!!!

 

Abraços!!!! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif