Centrar emails no hotmail

Embora não seja muito difícil de encontrar o problema, achei por bem deixar aqui a solução sempre pode poupar algum trabalho de investigação no inspector de elementos (ou no firebug).

O hotmail deixou de utilizar iframes para incorporar o corpo do email e como tal passou a fazer um parse do nosso CSS para fazer um wrap que não afecte o layout do hotmail. O problema reside na DIV de wrap que usa as classes .ReadMsgBody e .ExternalClass e que infelizmente usam o valor de inline-block no atributo display. Ora como todos sabemos um bloco em linha só ocupa o espaço estritamente necessário o que não permite ocupar os 100%.

A solução como já devem ter adivinhado é aplicar o atribute width:100% a estas duas classes (ou mudar o modo de render para display:block).

.ReadMsgBody {width: 100%;}
.ExternalClass {width: 100%;}

Filed under: , ,

Leave a Comment

(requerido) 
(requerido) 
(opcional)
(requerido) 
If you can't read this number refresh your screen
Enter the numbers above: