Ir para conteúdo

POWERED BY:

Arquivado

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

petersondrs

Problemas de layout IE x Firefox

Por , em Desenvolvimento frontend

Recommended Posts

petersondrs    0

petersondrs
Postado

Olá Todos Montei um layout sem tabela somente usando o codigo abaixo So que o rodape não esta ficando no lugar quando abro no firefox.Eu já percebi que o velho problema de o FF não ajuda quando o height: 100%;Já tentei járias maneiras e não rolou.Caso alguem tenha uma maneira de matar a charada.ObrigadoAbraços<!-- inicio do codiogo --><!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>Untitled Document</title><style type="text/css">html, body { margin:0; padding:0; background-color: #FFFFFF; height: 100%; width:100%;}#topo{ width:auto; position: relative; background-color: #CCCCCC; height: 210px;}#conteudoEsq { width:110px;}#conteudoDir { position:relative; width:150px; background-color: #CCCC00; right: 0px; float: right;}#colEsq { position: relative; background-color: #999999; }#separadorRodape { width: 100%; margin-bottom: 90px; position: absolute;}#colDir { margin:0px;}#colCentral { text-align:justify; height: 100%; background-color: #990000;}#tbConteudo { background-color: #FFFF00; margin: 0px; padding: 0px; height: 500px; width: 100%;}#separadorEsq { margin-left:150px; margin-top: 0px;}#separadorDir { margin-right:150px;}#rodape { width:auto; border-top:1px solid #666; border-bottom:2px dotted #666; color:#333333; text-align:center; height: 90px; margin-bottom: 0%; position: relative; background-color: #FF9900;}</style></head><body><div id="topo">topo</div> <div id="conteudoEsq">conteudo esq</div> <!--*** colore a coluna esquerda ***--> <div id="colEsq"> <div id="separadorEsq"> <!-- *** faz o espaçamento a esquerda *** --> <div id="colDir"><!--*** colore a coluna direita ***--> <div id="conteudoDir"> conteudo a direita </div> <div id="separadorDir"><!-- *** faz o espaçamento a direita *** --> <div id="colCentral"><!-- *** entra conteudo central *** --> conteudo centro </div> </div> </div> </div> <div id="rodape">rodape</div></div> </body></html><!-- fim do codiogo -->

Compartilhar este post

Link para o post
Compartilhar em outros sites

petersondrs    0

petersondrs
Postado

Tens um link ai???

Ficar olhando código é ruim!!! <_<

Infelizmente não tenho como colocar o codigo na web ainda.

 

Mas ele esta completo é so colar dentro do bloco de notas que você visualiza a pagina inteira.

 

Valeu

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