Rodapé fixo


html:
	
	
TOPO
CONTEÚDO
RODAPE
css:
	
	html, body, #geral { height: 100%; }
	
	body > #geral { height: auto; min-height: 100%; }
	
	#conteudo { padding-bottom: 40px; } /* O padding, deve ser o mesmo valor da altura do rodapé */
	
	#rodape {
		position: relative;
		margin-top: -40px; /* Este margin, tem que ser o mesmo valor da altura do rodapé, só que negativo */
		height: 40px; /* E aqui, fica a altura do rodapé */
		clear: both
	}


Fonte: http://marconanet.blogspot.com.br/2013/10/rodape-sempre-no-rodape-com-css.html




Comentários

Copyright © 2018 Anderson Bravo
www.andersonbravo.com.br
anderson@andersonbravo.com.br