Problema com compatibilidade IE9 e IE8

[kenull 0]

Olá Boa Noite, gostaria de solicitar com os webmaster do forum que viesse me auxiliar diante de um problema que estou esfrentando com o meu site, pois como sou novato em desenvolvimento de site estou tendo algumas dificuldades.

 

o meu site é: http://www.centrodecardiologia.com.br

 

Bom as dificuldades seriam: o meu menu, que perde a formatação, os botões cinzas somem juntos com os títulos.

 

Outra dificuldade é o meu site está totalmente desalinhado no IE8 e no IE9, já no mozilla firefox e no chrome ele nao perde a configuração, Não entendo o porquê disso, gostaria de pedir a ajuda de voces, se poderem me auxiliar fico grato.

 

 

Aguardo resposta, se possivel urgente, e desde já agradeço mais uma vez pelos que se proporem a me ajudar.

 

Obrigado

[Denilson Telaroli 7]

problemas com o IE sempre ocorre, agora, se você usou html5 você sempre vai ter problemas com o IE, pois tudo que é novo NUNCA roda bem no IE.

já, se você usou versões antigas de doctype existem tags que não existem no seu código.

sem contar alguns erros básicos de normalização como por exemplo tags sem fechar e outros apontados na validação abaixo.

 

estudo sobre padrões w3c

validações do seu site:

 

xhtml: http://validator.w3.org/check?uri=http%3A%2F%2Fwww.centrodecardiologia.com.br%2F&charset=%28detect+automatically%29&doctype=XHTML+1.0+Transitional&group=0&user-agent=W3C_Validator%2F1.3

 

html5: http://validator.w3.org/check?uri=www.centrodecardiologia.com.br&charset=%28detect+automatically%29&doctype=Inline&group=0

 

 

Olá Boa Noite, gostaria de solicitar com os webmaster do forum que viesse me auxiliar diante de um problema que estou esfrentando com o meu site, pois como sou novato em desenvolvimento de site estou tendo algumas dificuldades.

 

o meu site é: www.centrodecardiologia.com.br

 

Bom as dificuldades seriam: o meu menu, que perde a formatação, os botões cinzas somem juntos com os títulos.

 

Outra dificuldade é o meu site está totalmente desalinhado no IE8 e no IE9, já no mozilla firefox e no chrome ele nao perde a configuração, Não entendo o porquê disso, gostaria de pedir a ajuda de voces, se poderem me auxiliar fico grato.

 

 

Aguardo resposta, se possivel urgente, e desde já agradeço mais uma vez pelos que se proporem a me ajudar.

 

Obrigado

[Giovani 104]

kenull, seja bem vindo ao fórum :thumbsup:

Me diga uma coisa, foi você quem fez o código ou é um template? To perguntando por que não tenho IE na minha máquina, mas de curioso fui olhar o seu código e olha...tá feio o negócio. Muita coisa desnecessária :upset:

 

Dois exemplos para ilustrar isso:

 

1) h7? http://d.pr/i/FOMo

2) http://d.pr/i/IH4v olha quantas divs tem pra fazer um menu :mellow:

 

Recomendo a você melhorar o código, bastante.

[kenull 0]

problemas com o IE sempre ocorre, agora, se você usou html5 você sempre vai ter problemas com o IE, pois tudo que é novo NUNCA roda bem no IE.

já, se você usou versões antigas de doctype existem tags que não existem no seu código.

sem contar alguns erros básicos de normalização como por exemplo tags sem fechar e outros apontados na validação abaixo.

 

estudo sobre padrões w3c

validações do seu site:

 

xhtml: http://validator.w3.org/check?uri=http%3A%2F%2Fwww.centrodecardiologia.com.br%2F&charset=%28detect+automatically%29&doctype=XHTML+1.0+Transitional&group=0&user-agent=W3C_Validator%2F1.3

 

html5: http://validator.w3.org/check?uri=www.centrodecardiologia.com.br&charset=%28detect+automatically%29&doctype=Inline&group=0

 

 

Valeu Denilson, me ajudou mto esse lembrete das validações, estarei corrigindo esses erro aqui, será que isso já resolve o problema? ..;/

Desculpe pelos erros básicos, mas como disse estou começando, enfim, vlw mesmo fera!

 

kenull, seja bem vindo ao fórum :thumbsup:

Me diga uma coisa, foi você quem fez o código ou é um template? To perguntando por que não tenho IE na minha máquina, mas de curioso fui olhar o seu código e olha...tá feio o negócio. Muita coisa desnecessária :upset:

 

Dois exemplos para ilustrar isso:

 

1) h7? http://d.pr/i/FOMo

2) http://d.pr/i/IH4v olha quantas divs tem pra fazer um menu :mellow:

 

Recomendo a você melhorar o código, bastante.

 

Opa, obrigado Giovani, pela receptividade!

Então cara, de inicio trabelhei com base em um template mesmo, mas como só fiz a parte do designer, contratei os serviços de um "free lance" para programação, acontece que mesmo não dominando programação já fui notando falta de conhecimento dele, dae acho que você já imagina (visualizando os códigos) a dor de cabeça que isso me gerou, enfim, não posso recomeçar esse projeto cara e por isso estou tentando buscar ajuda para solucionar essa incompatibilidade.

 

Vou arrumar os erros da ilustração numero 2, que tá (fod#) ;/ , vlw mesmo cara, mas se tiver mais alguma dica ou erros que você tenha visto, te agradeço mto cara!

Obrigado pela ajuda até agora aí blza! Vlw d+

[Giovani 104]

Que freela que tu pegou hein, se ele for aqui da cidade me diz o nome que nunca vou indicar/contratar :yay:

 

Espero que a galera com IE consiga te ajudar.

Qualquer coisa estou na área!

[Giovani 104]

... mas se tiver mais alguma dica ou erros que você tenha visto, te agradeço mto cara!

 

Fazendo rapidamente aqui, a estrutura desse site seria, mais ou menos, isso:

<div id="geral">

   	<div id="topo">

   		<h1>marca</h1>
   		<ul>
   			<li><a href="http://">Item 01</a></li>
   			<li><a href="http://">Item 02</a></li>
   			<li><a href="http://">Item 03</a></li>
   			<li><a href="http://">Item 04</a></li>
   		</ul>

   	</div>
   	<!-- /#topo -->

   	<div id="conteudo">

   		<p>Aqui é mais complicado, pois varia de página para página</p>

   	</div>
   	<!-- /#conteudo -->

   </div>
   <!-- /#geral -->

   <div id="rodape">

   	<ul>
   		<li><a href="http://">Item 01</a></li>
   		<li><a href="http://">Item 02</a></li>
   		<li><a href="http://">Item 03</a></li>
   		<li><a href="http://">Item 04</a></li>
   		<li><a href="http://">Item 05</a></li>
   	</ul>

   	<p>Texto do Rodape</p>
   	<p><a href="http://">Quem Fez</a></p>

   </div>
   <!-- /#rodape -->