Ir para conteúdo

POWERED BY:

Arquivado

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

Lud-RP

Podem analisar meu codigo?

Por , em Desenvolvimento frontend

Recommended Posts

Lud-RP    0

Lud-RP
Postado

Galera,

estou criando um site..

padrão.. 3 colunas só com CSS, sem tabelas..

 

no final do layout tem um footer.. no IE5, 6 e 7 ta belezera,, mas no FireFox não..

o Footer ta aparecendo no topo do layout.. ta uma "bo*t*"

 

o HTML ta assim:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<div id="geral"><!-- inicio div: Geral (controla 100% do site) -->
  <div id="corposite"><!-- início div: CorpoSite (controla o site 800x600) -->
	<div id="corpo"><!-- início div: Corpo (Controla o corpo do site) -->
	  <div id="ecorpo"><!-- inicio div: Ecorpo (Controla o lado esquerdo do corpo) -->
		conteudo (1 coluna - esquerda)
	  <div id="conteudo"><!-- Inicio div: Conteudo (Controla o conteudo do site) -->
		Conteudo (Coluna 2)
	  </div>
	</div>
  </div>
  <div id="dcorpo"><!-- inicio div: Dcorpo (Controla a publicidade direita do site) -->
  COnteudo (Coluna 3)
  </div>
</div>
<div id="footer">
Conteudo
</div>
</body>
</html>

Agora o CSS:

 

*{margin:0px;border:0px;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000000;}
	body #geral{width:100%;height:100%;float:left;padding-left:5px;padding-top:5px;}
	body #geral #corposite{width:800px;height:auto;float:left;}
	body #geral #corposite #publicidade{width:800px;height:92px;float:left;}
	body #geral #corposite #publicidade #imgPublicidade_e{
		background-image:url(imagens/skin_stage/indicador_publicidade_esq.jpg);width:14px;height:92px;float:left;}
	body #geral #corposite #publicidade #imgPublicidade_d{
		background-image:url(imagens/skin_stage/indicador_publicidade_dir.jpg);width:15px;height:92px;float:right;}
	body #geral #corposite #publicidade #banner{width:771px;height:92px; float:left; margin:auto; background:#CCCCCC;}
	body #geral #corposite #smenus{width:100%;height:16px;padding-top:105px;*padding-top:15px;}
	body #geral #corposite #smenus #hora{width:150px;height:16px;text-align:center;font-weight:bold;float:left;}
	body #geral #corposite #smenus #menus{width:auto;height:16px;float:none;}
	body #geral #corposite #submenus{width:100%;height:23px;background-color:#A3C380;font-size:12px;font-weight:bold;color:#FFFFFF;}
	body #geral #corposite #submenus #mSubmenus{padding-left:155px;width:auto;height:auto;color:#FFFFFF;padding-top:3px;}
	body #geral #corposite #submenus #mSubmenus a{color:#ffffff;text-decoration:none;font-weight:bold;}
	body #geral #corposite #submenus #mSubmenus a:hover{color:#000000;font-weight:bold;}
	body #geral #corposite #corpo{width:100%;height:auto;float:left}
	body #geral #corposite #corpo #ecorpo{width:143px; height:auto;margin:auto;float:left;}
	body #geral #corposite #corpo #ecorpo #logotipo{background-image:url(imagens/skin_stage/logotipo.jpg);width:142px;height:182px;}
	body #geral #corposite #corpo #ecorpo #agenda{width:142px;height:auto;float:left;padding-top:10px;}
	body #geral #corposite #corpo #ecorpo #agenda #topagenda{
		background-image:url(imagens/skin_stage/top_agenda.jpg);width:142px;height:21px;}
	body #geral #corposite #corpo #ecorpo #agenda #conteudoagenda{
		border:solid;border-width:1px;border-color:#A3C380;width:140px;height:auto;border-top:none;border-bottom:none;
		background-color:#eaeaea;}
	body #geral #corposite #corpo #ecorpo #agenda #bt_agenda{
		border:none;background-image:url(imagens/skin_stage/bt_conteudoe.jpg);width:142px;height:7px;background-repeat:no-repeat;}
	body #geral #corposite #corpo #ecorpo #aniversario{width:142px;height:auto;float:left;padding-top:10px;}
	body #geral #corposite #corpo #ecorpo #aniversario #topaniversario{
		background-image:url(imagens/skin_stage/top_aniversario.jpg);width:142px;height:21px;}
	body #geral #corposite #corpo #ecorpo #aniversario #conteudoaniversario{
		border:solid;border-width:1px;border-color:#A3C380;width:140px;height:auto;border-top:none;border-bottom:none;
		background-color:#eaeaea;}
	body #geral #corposite #corpo #ecorpo #aniversario #bt_aniversario{
		border:none;background-image:url(imagens/skin_stage/bt_conteudoe.jpg);width:142px;height:7px;background-repeat:no-repeat;}
	body #geral #corposite #corpo #conteudo #faixa{
		background-image:url(imagens/skin_stage/faixa_setor.jpg);width:650px;height:60px;margin:auto;background-position:right;
		float:right;padding-bottom:5px;}
	body #geral #dcorpo{float:left;width:180px;height:auto;margin-left:15px}
	body #geral #dcorpo #publiTopo{float:left; width:150px;height:120px;background-color:#CCCCCC;}
	body #geral #dcorpo #publiDireita{float:left;width:150px;height:600px;background-color:#CCCCCC;margin-top:15px;}
	body #geral #corposite #corpo #conteudo #TituloPaginaContent{
		width:600px;height:50px;float:left;margin-top:5px;margin-left:25px;vertical-align:middle;}
	body #geral #corposite #corpo #conteudo #TituloPaginaContent #TituloPagina{
		height:50px;width:500px;float:left;background-color:#a3c380;vertical-align:middle;}
	body #geral #corposite #corpo #conteudo #TituloPaginaContent #TituloPagina #textoTituloPagina{
		margin-top:15px;margin-left:15px;font-family:Arial, Helvetica, sans-serif;font-size:24px;font-weight:bold;color:#FFFFFF;}
	body #geral #corposite #corpo #conteudo #TituloPaginaContent #cantoTituloPagina{
		width:100px;height:50px;background-image:url(imagens/skin_stage/fim_tituloSite.jpg);float:right;}
	body #geral #corposite #corpo #conteudo #corpoConteudo{
		width:600px;height:auto;float:left;margin-top:15px;margin-left:25px;}
	body #footer {width:965px; height:auto;margin-top:15px;}
	body #footer #bt_faixa{
		width:100%;height:8px;background-image:url(imagens/skin_stage/faixa_bt.jpg);background-repeat:repeat-x;}
	body #bottom #bt_texto{width:100%; height:auto;text-align:center;}

Ta meio grande.. mas eu postei tudo pra ver se alguma outra parte pode estar influenciando no footer.

Alguem ai pode me ajudar?

 

valeu!

 

eu que criei o css.. não foi copiado de nenhum lugar..

o html lá em cima não ta completo.. ta faltando os menus.. e tudo mais.. ta só o esqueleto.. no css ja ta certo.

Compartilhar este post

Link para o post
Compartilhar em outros sites

webflex    0

webflex
Postado

Olá,

 

Modifique:

body #footer {width:965px; margin-top:15px; float: left;}
Cumps \o/

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