Problemas com compatibiliade!

[Alan Prado 1]

Ola pessoal,

Bom como sempre, estou tendo problemas com o internet explorer, e por coisa boba. Novamente ele me trouxe problemas com compatibilidade.

No firefox e chrome a pagina é exibida normalmente, apenas no IE que ela fica com a tabela desalinhada.

 

Alguem poderia me ajudar a achar o porque dele não exibir corretamente?!

A pagina é esta:

http://www.unidev.com.br/projetos/index.html

 

Obrigado.

[William Bruno 1501]

Comece do básico, validando o HTML:

 

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.unidev.com.br%2Fprojetos%2Findex.html

[Alan Prado 1]

Valeu William pela dica, validei ele e retirei os erros. Mas ainda continua com problemas, a diferença é q agora inverteu, no IE exibe melhor (ainda com alguns erros) e no FF e chrome, toda bugada.

 

Inclusive surgiu outro problema, pelo doctype q eu to usando, não posso usar "<center>", ai substitui por "<div style='text-align:center'></div>". No IE funcionou, mas nos outros não, tem uma outra forma q eu possa estar centralizando?!?

 

Obrigado.

[William Bruno 1501]

use margin: 0 auto; no css dessa div

Aqui estou vendo sem nenhum DOCTYPE, coloque algum e valide o documento.

 

Depois disso retire todas essas tabelas, e estude sobre Tableless

[Diéssica 140]

Tu pode até tentar arrumar esses erros, mas melhor solução para incompatibilidade ainda vai ser o tableless.

 

Tente resetar o CSS, zere todas as td, th, tr, table... procure no Google sobre RESET CSS e depois determine todos os tamanhos.

 

E outra coisa, o problema de fatiar para fazer layouts é esse spacer.gif:

	<td>
		<img src="imagens/spacer.gif" width="12" height="1" alt=""></td>
	<td>

Ele que tá atrasando todo o seu site com esses espaçamentos mal definidos, pois você quer adicionar textos, vídeos ao site.

 

Depois disso retire todas essas tabelas, e estude sobre Tableless