Uudiskirja laius, Hotmail ja Firefox

Sisestatud Silver poolt T, 10/25/2011 - 01:06

Uudiskirjade koostamisel tuleb arvestada mitmete tehniliste nüansidega, et see näeks välja korrektne igas keskkonnas ja veebilehitsejas.

Hotmail (Windows Live Mail) keskkonnas tekkib probleem Firefoxi veebilehitseja ja uudiskirja laiusega. Kui uudiskirjale on määratud taust ning see peaks katma kogu ettenähtud pinna siis tekkib Firefoxis probleem sellega lisaks tausta kuvamisele kuvatakse uudiskirja sisuosa vasakus ääres - juhul kui uudiskirjas peaks olema 100% määranguga ala milles ka tekst siis seda probleemi ei tekki.
Nimelt on Hotmaili enda stiilifailis määrang mis ei luba uudiskirja korrektselt kuvada:

  1. .ReadMsgBody .ExternalClass {
  2.     display: inline-block;
  3. }

Selle vastu saab kõige lihtsamalt kui lisada uudiskirja HTML osasse järgmised read mis vorminduselt just korrektsuse alla ei kuulu, sest peaks olema tegelikult

tagi vahel kuid, et uudiskirjade puhul seda osa tihti nagunii ei võimaldata täiendada siis tuleb piirduda järgmise lahendusega: 
  1. <div style="line-height: 0; font-size: 0">
  2. <style type="text/css">
  3. 	.ReadMsgBody { width: 100%}
  4. 	.ExternalClass {width: 100%}
  5. </style>
  6. </div>

Visuaalne näide ühe vana uudiskirja põhjal mille postkastist leidsin:

Vale VS õige

Tagid: 
Uudiskiri
Hotmail
Firefox
Tehniline