Ir para conteúdo

POWERED BY:

Arquivado

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

xavrim

Posição

Por , em Desenvolvimento frontend

Recommended Posts

xavrim    0

xavrim
Postado

galera, estou passando aperto com o firefox. Quando coloco uma div rodapé no IE, fica lá embaixo, já no FF fica lá em cima grudado com TOPO.. Se alguem soube me ajudar ? Está ai o código...

 

Código HTML

<!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> .: | LINKAR INTERNET | :.</title><link href="estilos.css" type="text/css" media="all" rel="stylesheet" /><script type="text/javascript" src="swfobject.js"></script></head><body><div id="topo"><div id="logo"><script type="text/javascript">var so = new SWFObject("imagens/linkaranimada.swf", "mymovie", "145", "66", "7", "#336699");so.addParam("wmode", "transparent");so.write("logo");</script></div><div id="menu"><script type="text/javascript">var so = new SWFObject("imagens/btns.swf", "mymovie", "212", "20", "7", "#336699");so.addParam("wmode", "transparent");so.write("menu");</script></div></div><div id="corpo"><div id="conteudo"><img src="imagens/suporteImagem.jpg" name="imagem" width="114" height="106" id="imagem" title="Bem-vindos"/><span class="titulos">Suporte </span><br /><br /><p class="textos">Com a acessoria da Linkar, o cliente tem condições totais de utilizar todos os recursos oferecidos, sem nehum custo adicional. O suporte básico é totalmente gratuito.<br />Porém, alguns clientes não dispõe de tempo para gerenciar ele mesmo seu site, seu espaço em disco e suas contas de e-mail. E foi pensando neles, que a Linkar criou uma opção de suporte diferenciado. O <strong>Provedor Linkar</strong> oferece suporte gratuito a todos os clientes que hospedam seu site em nossos servidores. Esse suporte inclui auxilio no registro do domínio, orientação sobre como gerenciar as contas de e-mail  e dúvidas sobre publicação das páginas.</p><br /><p><span class="titulos">Suporte Personalizado</span><br /><br /><span class="titulos">Empresarial</span><br /><span class="textos">Opção de suporte para pessoas fisicas e pequenas empresas, que não necessitam de acessoria em tempo integral.</span><br /><br /><span class="titulos">Meu Primeiro Site</span> <br /><span class="textos">Opção de suporte ideal para Alunos e Ex Alunos da <a href="http://www.midiabh.com.br" title="Escola de Mídia" target="_blank">Escola de Mídia</a>, ou profissionais iniciantes em Web Design que desejam orientação sobre as técnicas de construção e desenvolvimento de um site.</span><br /><br /><br /></div><div id="assuntos"><!-- Mini Banners --><a href="suporte.htm"><img src="imagens/banner1.gif" width="170" height="95" border="0" title="Primeiro Site"/></a><br /><br /><a href="planos.htm"><img src="imagens/banner2.gif" width="170" height="95" border="0" title="Fidelidade"/></a><br /><br /><a href="sites.htm"><img src="imagens/banner3.gif" width="170" height="95" border="0" title="reformule"/></a></div></div><div id="rodape"><img src="imagens/textoRodape.gif" id="textoRodape"/></div><img src="imagens/rodape.gif" id="conteudoImagem"/></body></html>

 

Código CSS

*{	margin:0px;	padding:0px;}#site{	height:500px;	width:auto;	position:relative;	margin:0 auto;}#topo{	position:relative;	width:auto;	height:78px;	background-image:url(imagens/topo.gif);	margin-bottom:5px;	padding-left:10px;}#logo {	position:relative;	top:13px;	float:left;	width:145px;	height:66px;	z-index:1;}#menu {	position:relative;	float:right;	top:43px;	width:212px;	height:20px;	z-index:2;}#corpo{	position:relative;	width:auto;	height:auto;	padding-left:165px;}#conteudo{	position:relative;	width:590px;	float:left;	z-index:0;}#rodape{	position:relative;	width:auto;	height:54px;	background-image:url(imagens/fundoRodape.gif);	padding-right:5px;}#textoRodape{	position:relative;	width:auto;	height:auto;	float:right;	top:7px;}#conteudoImagem{	position:absolute;	float:left;	width:137px;	height:135px;	margin-left:10px;	top:475px;}#assuntos{	position:relative;	float:right;	width:170px;	height:auto;}#imagem{	float:left;	margin-right:5px;	margin-bottom:1px;	width:114px;}#parede{/*Parede para a página PLANOS*/	position:relative;	float:right;	width:auto;	height:auto;	z-index:0;}strong{	color:#0066CC;	font-weight:bold;}.titulos{	font-family:Arial, Helvetica, sans-serif;	font-size:18px;	font-weight:bold;	color:#003399;}.textos{	font-family:Arial, Helvetica, sans-serif;	font-size:11px;	text-align:justify;}ul li{	font-family:Arial, Helvetica, sans-serif;	list-style-type:decimal;	text-align:justify;	font-size:11px;}

Compartilhar este post

Link para o post
Compartilhar em outros sites

RTaveira    0

RTaveira
Postado

Define o position sem ser relative, pode ser que funcione.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

Você leu o link que lhe passei?

Está faltabndo algo no rodapé:

 

#rodape {	clear: both;}

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