...

View Full Version : HTML Email rendering in outlooks thousands of pixels to wide.



Ant-B
08-02-2011, 02:34 PM
can anyone notice anything wrong in my code which may cause this to render litrally thousands of pixels to wide in outlook 2003. works perfectly in hotmail gmail etc.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Untitled 1</title>
</head>

<body style="font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Arial,Helvetica,sans-serif; font-size:11pt;">







<table width="550px" cellspacing="0" cellpadding="0" border="0">
<tbody>

<tr>
<td>
<img width="550px" height="94px" src="https://platform.communicatorcorp.com/FS/1450/https://platform.communicatorcorp.com/FS/1450/Images/TE/2011/08/TE_sitestats/TE/2011/08/TE_sitestats/TCE-Content-01-08-2011_01.gif" alt="TheCareerEngineer is a job site for engineering professionals including construction, civil engineering and oil and petrochemicals."/>
</td>
</tr>

<tr>
<td>
<br/>
</td>
</tr>

<tr>
<td>
<img style="margin-left:14px" width="265px" height="34px" alt="Site Statistics" src="https://platform.communicatorcorp.com/FS/1450/Images/TE/2011/08/TE_sitestats/TCE-Content-01-08-2011_04.gif"/>
</td>
</tr>

<tr>
<td style="background-image:url('https://platform.communicatorcorp.com/FS/1450/Images/TE/2011/08/TE_sitestats/TCE-Content-01-08-2011_07.gif'); background-position:30% 0%; padding-left:10%; background-repeat:no-repeat; height:151px;">
<ul style="line-height:2em;">
<li>Registered Jobseekers - 111,483</li>
<li>Unique Users - 34,941</li>
<li>Page Impressions - 170,131</li>
<li>Job Searches - 49,314</li>
<li>Job Applications - 4,965</li>
</ul>
</td

</tr>

<tr>
<td>
<br/>
</td>
</tr>


<td>
<img style="margin-left:14px" width="312px" height="34px" alt="Site Statistics" src="https://platform.communicatorcorp.com/FS/1450/Images/TE/2011/08/TE_sitestats/TCE-Content-01-08-2011_09.gif"/>
</td>
</tr>


<tr>
<td style="background-image:url('https://platform.communicatorcorp.com/FS/1450/Images/TE/2011/08/TE_sitestats/TCE-Content-01-08-2011_12.gif'); background-position:30% 0%; padding-left:10%; background-repeat:no-repeat; height:254px;">
<ul style="line-height:2em;">
<li>Engineer</li>
<li>Electrical Engineer</li>
<li>Civil Engineer</li>
<li>Project Engineer</li>
<li>Maintenance Engineer</li>
<li>Mechanical Engineer</li>
<li>CAD</li>
<li>Aerospace</li>
<li>Construction</li>
</ul>
</td>
</tr>

<tr>
<td align="center">
<hr/>
<p style="font-size:9pt;">To find out more call 0207 348 5010 or email <a href="mailto:sales@thecareerengineer.com" style="color: rgb(213, 170, 42);"> sales@thecareerengineer.com</a></p>
</td>
</tr>





</tbody>





</table>







</body>

</html>





cheers
ant

teedoff
08-02-2011, 06:06 PM
You have an unclosed tag I think, according to the validator (http://validator.w3.org), which might give you an issue like this. Try pasting your code above in the link I gave you and fix the error.


<tr>
<td>
<br/>
</td>
</tr>

<tr> <td>
<img style="margin-left:14px" width="312px" height="34px" alt="Site Statistics" src="https://platform.communicatorcorp.com/FS/1450/Images/TE/2011/08/TE_sitestats/TCE-Content-01-08-2011_09.gif"/>
</td>
</tr>

VIPStephan
08-02-2011, 06:39 PM
I see an issue here:



<li>Job Applications - 4,965</li>
</ul>
</td

</tr>



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum