Ir para conteúdo

POWERED BY:

Arquivado

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

wills

Layout com 3 div´s

Recommended Posts

bom dia pessoal!

 

quero saber quem já passou por esse problema e conseguiu resolver.

 

o problema: Fazer um site que o topo seja 100%, o conteúdo apareça no meio e, o rodapé também seja 100%.

 

o que ocorre: o topo e o meio ficam legais mas, o rodape no ie estora a largura não sei porque.

 

alguém podes me ajudar?

 

irei postar o css.

 

/* boxmodel */#body{margin:0px;display:block;float:left;width:100%;border:1px solid #ff0000}#corpo{position:relative;top:0px;left:-355px;margin:0% 0% 0% 50%;width:700px;display:block;clear:both;border:1px solid #000000;z-index:1}#rodape{margin:0px;display:block;width:100%;height:49px;/*background:url(../images/rodape.jpg) top left repeat-x fixed;*/border:1px solid #000000}
index<!--#include file="include/topo.asp"--><div id="body">	<div id="corpo">	<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />	<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />	</div>	<div id="rodape">		</div></div><!--#include file="include/rodape.asp"-->
abraços!

Compartilhar este post


Link para o post
Compartilhar em outros sites

nas regra #corpo troque o left e o margin por istoleft:50%;margin-left:-350px;

Compartilhar este post


Link para o post
Compartilhar em outros sites

cara, valeu...mas já consegui...estou disponibilizando o fonte para quem quiser...basta postar.abraços!ah, e o layout é elástico no topo e rodapé!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Coloca a solução aqui, assim pode ajudar o pessoal que tiver o mesmo problema[]'s

Compartilhar este post


Link para o post
Compartilhar em outros sites

opa, tá ae pessoal... agora é só tirar onda!

 

[b]boxmodel.css[/b]#corpo{width:700px;margin:0 auto;}#corpo #corpo_total{position: relative;}#rodape{margin:20px 0px 0px 0px;}

[b]como fica[/b]<div id="corpo">	  <div id="corpo_total">	  </div></div><div id="rodape"></div>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.