Ir para conteúdo

POWERED BY:

Arquivado

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

tony_lu

Problemas no Firefox

Recommended Posts

Ola pessoal....estou refazendo meu site sem tabelas... no Internet Explorer esta tudo certinho...o problema é quando eu abri o site no Firefox e fiquei sem saber como arrumar o problema....Assim..o site tem o cabeçalho...rodapé....menu esquerdo e direito...e a parte do centro (conteudo) ... quando o conteudo é muito extenso... a parte do centro (conteudo) passa o rodapé e continua descendo na pagina...isso no firefox...no IE... o conteudo arrasta para baixo toda estrutura...e o rodapé mantem abaixo ....Como posso arrumar isso?Aguardo um help!Obrigado!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá,

 

Não tem como nos partilhar esse problema connosco?

Deixe um link ou o código fonte.

 

Cumps [*]

Compartilhar este post


Link para o post
Compartilhar em outros sites

Antes de mais nada seria legal arrumar esse seu código.você ta produzindo tableless com cabeça de quem produz com tabelas... Muita div desnecessária, tags deprecated, etc...Dá uma olhada nisso, e depois pesquise sobre a propriedade "display:table", ela resolve seu problema[]'s

Compartilhar este post


Link para o post
Compartilhar em outros sites

Eu achei meio confuso seu código, e ele ainda usa umas tags de formatação tais como: <h2 align="left">Dá uma olhada nessa tabela aqui: ://www.maujor.com/dicas/deprecated.phpEu fiz um layout rápído aqui. Se melhorado pode ficar parecido com o que você quer, um pouco mais organizado. Se quiser tenta trabalhar em cima dele.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><meta name="GENERATOR" content="Microsoft FrontPage 6.0"><meta name="ProgId" content="FrontPage.Editor.Document"><meta http-equiv="Content-Type" content="text/html; charset=windows-1252"><title>Nova pagina 1</title><style type="text/css">* {margin:0;padding:0;}body{	background-color:#e6e6e6;	}#tudo{	width:750px;	margin-left:4px;	margin-top:4px;	text-align:center;	border-width:2px;	border-style: solid;	}#cabecalho{	width:750px;	}#conteudo{	width:750px;	}#esquerda{	width:150px;	float:left;	background-color:#bbbfff;	}#direita{	width:150px;	float:right;	background-color:#bbbfff;	}	.direita1{	width:140px;	margin:5px;	background-color:#222fff;	}.direita2{	width:140px;	margin:5px;	background-color:#222fff;	}#centro{	width:440px;	float:left;	margin-left:5px;	background-color:#bbbfff;	text-align:center;	}.centro1{	border-width: 1px;	border-style: dashed;	width:200px;	float:left;	margin:5px;	background-color:#222fff;	}.centro2{	border-width: 1px;	border-style: dashed;	width:200px;	float:right;	margin:5px;	background-color:#222fff;	}.centro3{	border-width: 1px;	border-style: dashed;	width:420px;	margin:5px;	background-color:#222fff;	}#rodape{	width:750px;	clear:both;	}</style></head><body><div id="tudo">	<div id="cabecalho">	Cabecalho	</div>		<div id="conteudo">					<div id="esquerda">		Menu da esquerda Menu da esquerda Menu da esquerda Menu da esquerda Menu da esquerda Menu da esquerda 		Menu da esquerda Menu da esquerda Menu da esquerda Menu da esquerda Menu da esquerda Menu da esquerda 		Menu da esquerda Menu da esquerda Menu da esquerda Menu da esquerda Menu da esquerda Menu da esquerda		</div>				<div id="direita">			<div class="direita1">			Caixa 1			</div>			<div class="direita2">			Caixa 2			</div>		</div>						<div id="centro">			<div class="centro3">			Caixa 3.			</div>			<div class="centro1">			Caixa 1			</div>			<div class="centro2">			Caixa 2			</div>			<div class="centro3">			Caixa 3.			</div>		</div>				<div id="rodape">		Rodapé		</div>			</div>	</div></body></html>

Boa tarde.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Obrigado galera... sempre trabalhei com tabela e agora to tentando partir para esses novos conceitos... vou dar mais uma estudada e mudar todo o cod...Obrigado mais uma vez!

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.