Ir para conteúdo

POWERED BY:

Arquivado

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

Rspina

erro para posicionar o rodape.....

Por , em Desenvolvimento frontend

Recommended Posts

Rspina    0

Rspina
Postado

Olá pessoal, mais uma dúvida..rs..rs....

 

É o seguinte, não estou conseguindo deixar a div rodape em baixo da div geral...

 

 

meu codigo

 

<!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=iso-8859-1" /><title>teste</title><style type="text/css">body{margin:0;padding:0;text-align:center;background: #E4E5C5 url(img/backgroundleft.jpg) repeat-x left top;}#backright {background: url(img/backgroundright.jpg) repeat-x right top;width: 50%;position: absolute;right: 0;top: 0;height: 165px;z-index: 1;}#geral{width: 778px;background-color: #FFFFFF;margin: 0 auto;margin-left: -389px;left: 50%;z-index: 2;position: absolute;}#rodape{width: 778px;margin:auto;height:40px;background-color: #cccccc;margin-left: -390px;left: 50%;z-index: 2;position: absolute;}</style></head><body><div id="geral">  <p>GERALzxxzXCXCXCX</p>  <p>CX</p>  <p>C</p>  <p>XC</p></div><div id="rodape">RODAPE</div><div id="backright"></div></body></html>

valeu.....

Compartilhar este post

Link para o post
Compartilhar em outros sites

pa_bruno    0

pa_bruno
Postado

você soh tem q colocar akela parada do posicionamento na div geral... pq como o posicionamento eh absoluto, se você colocar mais um div com essa parada, ele vai se posicionar d acordo com a pagina e naum o div... ;) e eh soh colocar o div do rodape dentro do div geral... ;) e colocar um clear: both...valew...

<!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=iso-8859-1" /><title>teste</title><style type="text/css">body{margin:0;padding:0;text-align:center;background: #E4E5C5 url(img/backgroundleft.jpg) repeat-x left top;}#backright {background: url(img/backgroundright.jpg) repeat-x right top;width: 50%;position: absolute;right: 0;top: 0;height: 165px;z-index: 1;}#geral{width: 778px;background-color: #FFFFFF;margin: 0 auto;margin-left: -389px;left: 50%;z-index: 2;position: absolute;}#rodape{width: 778px;margin: 0 auto;height:40px;background-color: #cccccc;clear: both;}</style></head><body>	<div id="geral">		<p>GERALzxxzXCXCXCX</p>		<p>CX</p>		<p>C</p>		<p>XC</p>		<div id="rodape">RODAPE</div>	</div>	<div id="backright"></div></body></html>

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