← WordPress

Erro no IE 8

Lida 1686 vezes

Offline

joaolima 
Membro
Mensagens 146 Gostos 0
Feedback +10

Troféus totais: 21
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

Boa noite!

Alguém sabe explicar por que razão o texto de www.apostagenial.com aparece "desalinhado" no IE 8?

Quem não tiver o IE O instalado, pode pré-visualizar o site em http://ipinfo.info/netrenderer/


Obrigado  =)
Offline

mapb_1990 
Membro
Mensagens 109 Gostos 0
Feedback +2

Troféus totais: 26
Trófeus: (Ver todos)
Level 5 Tenth year Anniversary Windows User Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2

o problema deve estar no codigo html.
tas a usar paragrafos directamente na tag <table>.
Código: [Seleccione]
<table class="contentpaneopen">
<p style="text-align: justify;"><span style="font-size: small; font-family: arial,helvetica,sans-serif;">Já tentaste ganhar dinheiro com  apostas desportivas?</span></p>
<p style="text-align: justify;"><span style="font-size: small; font-family: arial,helvetica,sans-serif;">Se sim, decerto já te apercebeste que a casa é que fica a ganhar. </span></p>
<p><span style="font-size: small; font-family: arial,helvetica,sans-serif;"> O  método ApostaGenial explica-te, de uma forma simples mas completa,    como ganhar muito dinheiro  (livre de impostos) apostando de uma forma   genial &#8211; cobrindo todos os acontecimentos possíveis! </span></p>
<p><span style="font-size: small; font-family: arial,helvetica,sans-serif;"> Imagina um jogo de futebol entre o Benfica x FCPorto. Com o método  ApostaGenial, tu apostas na vitória do Benfica, do FCPorto  e até no  empate. Assim, qualquer que seja o desfecho do jogo, tu  ganhas. </span></p>
<p style="text-align: justify;"><span style="color: #3366ff; font-size: small; font-family: arial,helvetica,sans-serif;"><strong>Continuas  desconfiado(a)? </strong></span><br />
<span style="font-size: small; font-family: arial,helvetica,sans-serif;"> É normal. Visita a explicação  <a title="Aposta Genial: Passo-a-Passo" href="http://www.apostagenial.com/passo-a-passo" target="_self">Passo-a-Passo</a>, vê os <a title="Aposta Genial: Tutoriais em Vídeo" href="http://www.apostagenial.com/tutoriais" target="_self">vídeos explicativos</a> e dispõe do <a title="Aposta Genial: Fórum" href="http://www.apostagenial.com/forum" target="_self">Fórum</a> para  qualquer dúvida.  Mais de 15 000 pessoas já ganharam mais de 3025 euros. Tal  como tu, todos eles começaram por desconfiar  : )</span></p>
</table>
retira a 1ª e ultima linha que ja deve funcionar.
Offline

joaolima 
Membro
Mensagens 146 Gostos 0
Feedback +10

Troféus totais: 21
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

Correcto!

Obrigado, Miguel
Offline

JoaoLx 
Membro
Mensagens 67 Gostos 0
Troféus totais: 22
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 50 Posts 10 Posts

Outra melhoria é deixares de usar tantas tags <span>. Por exemplo nos títulos "Como ganhar 3025+ euros:", etc podes em vez de:

<p style="text-align: justify;"><span style="font-size: medium;"><span style="font-family: arial,helvetica,sans-serif;"><strong> </strong><strong> </strong><span style="font-family: arial black,avant garde;"><strong><span style="color: rgb(51, 102, 255);">Como ganhar 3025+ euros:</span></strong></span></span></span></p>

Usar directamente o <p> sem span nenhum:
<p class="titulo">Como ganhar 3025+ euros:</p>

Bastando para tal acrescentar ao css do site a classe titulo:
.titulo {
text-align: justify;
font-size: medium;
font-family: arial,helvetica,sans-serif;
color: rgb(51, 102, 255);
}

O site fica muito mais leve ( menos html e os browsers todos tiram proveito da cache com os ficheiros css).

Espero que ajude, qq coisa dispõe :)