Link to home
Start Free TrialLog in
Avatar of Mike Waller
Mike WallerFlag for United States of America

asked on

html table not correct in IE

here's a mystery.. the following site is not rendering correctly in IE8.  you can see that there is extra white space on either sides.  looks just fine in ff and chrome.  any ideas..

<!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 http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>newsletter</title>
</head>
<body>
<table align="left" cellspacing="0" cellpadding="0" border="0" width="650" >
<tr>
<td colspan="5" width="650" align="center" valign="top"><img src="http://www.seozones.com/hindmansanchez/images/about-us.jpg" width="650" height="51" border="0" alt="ABOUT US">
</td>
</tr>
<tr>
<td width="26" ><img src="http://www.seozones.com/hindmansanchez/images/orange-gradient.jpg" border="0" width="26" alt=""></td>
<td width="154" >sdfa asefasfeasdfasdf as adadfasd asd asdf ad</td>
<td width="342" >sdfa asefasfeasdfasdf as adadfasd asd asdf ad</td>
<td width="102" >sdfa asefasfeasdfasdf as adadfasd asd asdf ad</td>
<td width="26" ><img src="http://www.seozones.com/hindmansanchez/images/orange-gradient.jpg" border="0" width="26" alt=""></td>
</tr>
</table>
</body>
</html>

Open in new window

SOLUTION
Avatar of snailcat
snailcat
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
ASKER CERTIFIED SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
SOLUTION
Avatar of Armand G
Armand G
Flag of New Zealand image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of Mike Waller

ASKER

here is the pic in ie8.  you can see that the left and right side walls of the email are not properly aligned below the top graphic which is weird behavior. in my opinion, the code is perfect, not sure why it's doing that.
pic.jpg
here again is the code which is more organized and I added px; after each pixel  width and height.

Also, I had troubles before with seeing images and layout display in outlook 2010 which I believe was due to using background images (darn microsoft).  I removed all of those and changed some things around.  I also removed all references to external css and am using inline css properties.

Would someone mind testing to see if this html would display properly in outlook 2007 and outlook 2010.
<!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 http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Hindeman Sanchez - November 2010 Newsletter</title>
</head>
<body bgcolor="#ffffff" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0">
<div align="center">
<table cellspacing="0" cellpadding="0" border="0" width="650px;">
<tr>
<td colspan="5" align="center" valign="top">`
	<!-- BEGIN: top menu -->
	<table cellspacing="0" cellpadding="0" border="0" width="650px;" >
		<tr>
			<td width="650px;" height="51px;" align="left" valign="top">			
				<table cellspacing="0" cellpadding="0" border="0" width="650px;" >
					<tr >
						<td width="112px;" height="51px;" align="left" valign="top"><a href="http://www.hindmansanchez.com/lawyer-attorney-1205026.html" title="ABOUT US" target="_blank"><img src="http://www.seozones.com/hindmansanchez/images/about-us.jpg" width="112px;" height="51px;" border="0" alt="ABOUT US"></a></td>
						<td width="185px;" height="51px;" align="left" valign="top"><a href="http://www.hoalegislate.com/" title="ABOUT HOA LEGI-SLATE" target="_blank"><img src="http://www.seozones.com/hindmansanchez/images/about-hoa.jpg" width="185px;" height="51px;" border="0" alt="ABOUT HOA LEGI-SLATE"></a></td>
						<td width="111px;" height="51px;" align="left" valign="top"><a href="http://www.hindmansanchez.com/lawyer-attorney-1078540.html" title="EDUCATION" target="_blank"><img src="http://www.seozones.com/hindmansanchez/images/education-tab.jpg" width="111px;" height="51px;" border="0" alt="EDUCATION"></a></td>
						<td width="102px;" height="51px;" align="left" valign="top"><a href="http://www.hindmansanchez.com/lawyer-attorney-1078902.html" title="ARTICLES" target="_blank"><img src="http://www.seozones.com/hindmansanchez/images/articles.jpg" width="102px;" height="51px;" border="0" alt="ARTICLES"></a></td>
						<td width="140px;" height="51px;" align="left" valign="top"><a href="http://www.hindmansanchez.com/lawyer-attorney-1072786.html" title="CONTACT US" target="_blank"><img src="http://www.seozones.com/hindmansanchez/images/contact-us.jpg" width="140px;" height="51px;" border="0" alt="CONTACT US"></a></td>
					</tr>		
				</table>
			</td>
		</tr>
	</table>
	<!-- END: top menu -->
</td>
</tr>

<!-- BEGIN: top banner -->
<tr>
	<td colspan="5" width="650px;" height="162px;" align="center" valign="top">
		<table cellspacing="0" cellpadding="0" border="0" width="650px;" height="162px;" />
			<tr>
				<td width="650px;" height="162px;" align="center" valign="top"><img src="http://www.seozones.com/hindmansanchez/images/top-banner.jpg" width="650px;" height="162px;" border="0" alt=""></td>			
			</tr>
		</table>
	</td>
</tr>	
<!-- END: top banner -->

<!-- BEGIN: main body -->
<tr>
	<!-- BEGIN: left side -->
	<td width="26px;" align="center" valign="top"><img src="http://www.seozones.com/hindmansanchez/images/orange-gradient.jpg" border="0" width="26px;" height="202px;" alt="" /></td>
	<!-- END: left side -->

	<!-- BEGIN: LEFT COLUMN -->
	<td bgcolor="#ffffff" width="154px;" align="left" valign="top">
	
	<div style="padding-top:0px;padding-left:10px;padding-right:5px;">
		
		<!-- START HERE -->
		
		<p style="font: normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;">Education for Managers</p>
		
		<img src="http://www.seozones.com/hindmansanchez/images/lunch-forums.jpg" width="109px;" border="0" height="27px;" alt="Lunch forums" />
		
		<p style="font: italic bold 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;">October 7</p>
		
		<p style="font: normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;">Harassment - What is it and what can you do about it?<br />12:00 - 1:30 PM</p>
		
		<p style="font: italic bold 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;">November 4</p>
		
		<p style="font: normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;">We're in court - How do we become good witnesses?<br />12:00 - 1:30 PM<br /><br />1.5 CMCA Credit Hours</p>
		
		<p>&nbsp;</p>
		
		<img src="http://www.seozones.com/hindmansanchez/images/director-classes.jpg" width="108px;" border="0" height="28px;" alt="Director Classes" />
		
		<p style="font: italic bold 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;">October 14</p>
		
		<p style="font: normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;">Board Member Basics<br />6:00 - 8:00 PM</p>
		
		<p style="font: normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;">All forums/classes are held at our Arvada office 5610 Ward Road Suite 300 (1 mile north of I-70) unless otherwise noted<br /><br />Registration is required: <a href="http://www.hindmansanchez.com/lawyer-attorney-1078898.html" style="color:blue; text-decoration:none;" target="_blank" >Click Here to Register</a></p>
		
		<p>&nbsp;</p>
		
		<img src="http://www.seozones.com/hindmansanchez/images/manager-results.jpg" width="109px;" height="27px;" border="0" alt="Manager Results" />
		
		<p style="font: normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;">It's now budget season for many boards. if your community was created after July 1, 1992, it is subject to the budget process laid out in CCIOA. Below is a checklist to ensure your association is complying with the CCIOA budget requirements or other requirements set forth in the governing documents.<br /><a href="http://www.hindmansanchez.com/index.html" style="color:blue; text-decoration:none;" target="_blank" >[READ FULL STORY]</a></p>
		
		<p>&nbsp;</p>
		
		<img src="http://www.seozones.com/hindmansanchez/images/past-issues.jpg" width="109px;" height="27px;" border="0" alt="Past Issues" />
		
		<p style="font: normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;"><a href="http://www.hindmansanchez.com/lawyer-attorney-1082767.html" target="_blank" style="color:blue; text-decoration:none;">View Newsletter Archive</a></p>
		
		<p style="font: normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;"><a href="http://www.hindmansanchez.com/index.html" style="color:blue; text-decoration:none;" target="_blank" >Search Past Issues of Community Essentials by Keyword: <em>Essentials</em></a></p>
		
		<!-- END HERE -->
		
	</div>
		
	</td>
	<!-- END: LEFT COLUMN -->
	
	<!-- BEGIN: MIDDLE COLUMN -->
	<td width="342px;" align="left" valign="top">
	
	<div style="padding-left:10px;">
	
		<!-- START HERE -->
	
		<div style="padding-bottom:3px;padding-top:0px;">
		<p style="font: bold 10pt 'tahoma','helvetica','arial','sans-serif'; color:blue;">Anyone interested in selling their condo unit?</p>
		
		<p style="font: normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;">FHA APPROVAL CUTOFF IS DECEMBER 7. If a condominium community hasn't been FHA certified by that date, unit owners may not be able to close sales. FHA Approval Guidelines WILL change next year. For help getting FHA certification and for answers about the process, contact HindmanSanchez at 303.432.9999</p>
		</div>
		
		<div style="padding-bottom:3px;">
		<p style="font: bold 10pt 'tahoma','helvetica','arial','sans-serif'; color:blue;">Law Suit First Aid: What an HOA Must Do When Sued</p><p style="font: italic normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;">by William H. Short, Esq.</p>
		
		<p style="font: normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;">When the Association is on the receiving end of a lawsuit, there can be very serious consequences for the association unless certain actions are taken property and in a timely way. This article highlights what must be done when the association is named in a lawsuit - what "first aid" should be administered to improve the outcome for the association.</p><p style="font: normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;"><a href="http://www.hindmansanchez.com/index.html" style="color:blue; text-decoration:none;" target="_blank" >[READ FULL STORY]</a></p>
		</div>
		
		<div style="padding-bottom:3px;">
		<p style="font: bold 10pt 'tahoma','helvetica','arial','sans-serif'; color:blue;">2011 CCIOA Budget Ratification Checklist</p><p style="font: italic normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;">by Elina B. Hindley, Esq.</p>
		
		<p style="font: normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;">It's now budget season for many boards. If your community was created after July 1, 1992, it is subject to the budget process laid out in CCIOA. Below is a checklist to ensure your association is complying with the CCIOA budget requirements or other requirements set forth in the governing documents.</p><p style="font: normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;"><a href="http://www.hindmansanchez.com/index.html" style="color:blue; text-decoration:none;" target="_blank" >[READ FULL STORY]</a></p>
		</div>
		
		<div style="padding-bottom:3px;">
		<p style="font: bold 10pt 'tahoma','helvetica','arial','sans-serif'; color:blue;">Assessment Collection Q&A</p><p style="font: italic normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;">by Amelia J. Adair, Esq.</p>
		
		<p style="font: normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;">Question: When is the best time to turn over delinquent accounts for collection?
		Answer: The sooner you turn over a delinquent account to an attorney for collection, the better your chances are of recovering that debt.</p><p style="font: normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;"><a href="http://www.hindmansanchez.com/index.html" style="color:blue; text-decoration:none;" target="_blank" >[READ FULL STORY]</a></p>
		</div>
		
		<div style="padding-bottom:3px;">
		<p style="font: bold 10pt 'tahoma','helvetica','arial','sans-serif'; color:blue;">Media Checklist</p><p style="font: italic normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;">by Amelia J. Adair, Esq.</p>
		
		<p style="font: normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;">There's a reporter on the phone. What do you do next? To make the most of your media opportunity and present your association in the best light possible, prepare by answering this list of questions and reviewing the simple Media Do's and Don'ts.</p><p style="font: normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;"><a href="http://www.hindmansanchez.com/index.html" style="color:blue; text-decoration:none;" target="_blank" >[READ FULL STORY]</a></p>
		</div>
		
		<div style="padding-bottom:3px;">
		<p style="font: bold 10pt 'tahoma','helvetica','arial','sans-serif'; color:blue;">Meeting Moment - Tips for smoother meetings</p><p style="font: italic normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;">by Amelia J. Adair, Esq.</p>
		
		<p style="font: normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;">Learn how voting cards can help the chair take votes more smoothly during large annual and other meetings with owners.</p><p style="font: normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;"><a href="http://www.hindmansanchez.com/index.html" style="color:blue; text-decoration:none;" target="_blank" >[READ FULL STORY]</a></p>
		</div>
		
		<div style="padding-bottom:3px;">
		<p style="font: bold 10pt 'tahoma','helvetica','arial','sans-serif'; color:blue;">CCIOA Corner</p><p style="font: italic normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;">by Elina B. Hindley, Esq.</p>
		
		<p style="font: normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;">Must boards take minutes in executive sessions? What does CCIOA require or allow? What should your minutes reflect?</p><p style="font: normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;"><a href="http://www.hindmansanchez.com/index.html" style="color:blue; text-decoration:none;" target="_blank" >[READ FULL STORY]</a></p>
		</div>
		
		<!-- END HERE -->
		
	</div>
		
	</td>
	<!-- END: MIDDLE COLUMN -->
	
	<!-- BEGIN: RIGHT COLUMN -->
	<td width="102px;" align="center" valign="top">		
		<table cellspacing="0" cellpadding="0" border="0" width="102px;" >
			<tr>
				<td width="102px;" align="center" valign="top">			
					<table cellspacing="0" cellpadding="0" border="0" width="102px;" >
						<tr>
							<td width="102px;" height="400" align="center" valign="top">								
							<p>&nbsp;</p>
							<a href="http://www.hindmansanchez.com/lawyer-attorney-1078540.html" title="Education" target="_blank"><img src="http://www.seozones.com/hindmansanchez/images/education-logo.jpg" border="0" width="72px;" height="81px;" alt="Education" /></a>								
						 	</td>
						</tr>
						<tr>
							<td width="112px;" height="300" align="center" valign="top">
							<a href="http://www.hindmansanchez.com/index.html" title="Survey" target="_blank" ><img src="http://www.seozones.com/hindmansanchez/images/survey.jpg" border="0" width="63px;" height="87px;" alt="Survey" /></a>
							</td>
						</tr>
						<tr>
							<td width="112px;" height="600" align="center" valign="bottom">
							<a href="http://www.hindmansanchez.com/index.html" title="Blog" target="_blank" ><img src="http://www.seozones.com/hindmansanchez/images/blog.jpg" border="0" width="74px;" height="60px;" alt="Blog" /></a>
							</td>
						</tr>		
					</table>
				</td>
			</tr>
		</table>			
	</td>		
	<!-- END: RIGHT COLUMN -->
	
	<!-- BEGIN: right side -->
	<td width="26px;" align="center" valign="top"><img src="http://www.seozones.com/hindmansanchez/images/orange-gradient.jpg" border="0" width="26px;" height="202px;" alt="" /></td>
	<!-- END: right side -->
		
</tr>
<!-- END: main body -->

<!-- BEGIN: footer -->
<tr>
	<td width="650px;" height="159px;" colspan="5" align="center" valign="top"><br /><img src="http://www.seozones.com/hindmansanchez/images/footer.jpg" border="0" width="650px;" height="159px;" alt="Hindeman Sanchez" /></td>
</tr>
<!-- END: footer -->

</table>
</div>
</body>
</html>

Open in new window

SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
The last code you posted looks fine on IE8 and IE7
sudaraka, the code I just posted appears to have issue in IE8 browser.  What version of IE8 do you have?
here is the url .. http://www.seozones.com/hindmansanchez/final_2.html

I see the picture above where the sides are not aligned.  looks fine in ff and chrome
IE8, 8.0.6001.18702 to be exact, but I don't think HTML rendering will differ in sub revisions.

Screenshot.png
ok, cool.  maybe it's my browser then, not sure.  I believe the code is fine  and all the math adds up.  Do you happen to have outlook 2010 or 2007 to see if it comes up fine in there?  I can add you to a list of test emails.
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
tables are depreciated but when it comes to displaying in outlook tables seem to be the best way to do things.
ok, we're getting closer.  the page looks great in all browsers but still not in outlook 2010 and 2007.  I've attached a photo.  any idea why it is showing up wide below the top image.  I've also attached the code.
<!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>Hindeman Sanchez - November 2010 Newsletter</title>
	</head>
	<body bgcolor="#ffffff" marginwidth="0" marginheight="0" bottommargin="0" leftmargin="0" rightmargin="0" topmargin="0">		
			<table border="1" cellpadding="0" cellspacing="0" height="100%" width="650px;">
				<tbody >
					<tr>
						<td align="center" colspan="5" valign="top" width="650px;">
							<!-- BEGIN: top menu -->
							<table border="0" cellpadding="0" cellspacing="0" width="650px;">
								<tbody>
									<tr>
										<td align="left" height="51px;" valign="top" width="650px;">
											<table border="0" cellpadding="0" cellspacing="0" width="650px;">
												<tbody>
													<tr>
														<td align="left" height="51px;" valign="top" width="112px;">
															<a href="http://www.hindmansanchez.com/lawyer-attorney-1205026.html" target="_blank" title="ABOUT US"><img alt="ABOUT US" border="0" height="51" src="http://www.seozones.com/hindmansanchez/images/about-us.jpg" style="width: 112px; height: 51px;" width="112" /></a></td>
														<td align="left" height="51px;" valign="top" width="185px;">
															<a href="http://www.hoalegislate.com/" target="_blank" title="ABOUT HOA LEGI-SLATE"><img alt="ABOUT HOA LEGI-SLATE" border="0" height="51" src="http://www.seozones.com/hindmansanchez/images/about-hoa.jpg" style="width: 185px; height: 51px;" width="185" /></a></td>
														<td align="left" height="51px;" valign="top" width="111px;">
															<a href="http://www.hindmansanchez.com/lawyer-attorney-1078540.html" target="_blank" title="EDUCATION"><img alt="EDUCATION" border="0" height="51" src="http://www.seozones.com/hindmansanchez/images/education-tab.jpg" style="width: 111px; height: 51px;" width="111" /></a></td>
														<td align="left" height="51px;" valign="top" width="102px;">
															<a href="http://www.hindmansanchez.com/lawyer-attorney-1078902.html" target="_blank" title="ARTICLES"><img alt="ARTICLES" border="0" height="51" src="http://www.seozones.com/hindmansanchez/images/articles.jpg" style="width: 102px; height: 51px;" width="102" /></a></td>
														<td align="left" height="51px;" valign="top" width="140px;">
															<a href="http://www.hindmansanchez.com/lawyer-attorney-1072786.html" target="_blank" title="CONTACT US"><img alt="CONTACT US" border="0" height="51" src="http://www.seozones.com/hindmansanchez/images/contact-us.jpg" style="width: 140px; height: 51px;" width="140" /></a></td>
													</tr>
												</tbody>
											</table>
										</td>
									</tr>
								</tbody>
							</table>
<!-- END: top menu -->						</td>
					</tr>
<!-- BEGIN: top banner -->					<tr>
						<td align="center" colspan="5" height="162px;" valign="top" width="650px;">
							<table border="0" cellpadding="0" cellspacing="0" height="162px;" width="650px;">
								<tbody>
									<tr>
										<td align="center" height="162px;" valign="top" width="650px;">
											<img alt="" border="0" height="162" src="http://www.seozones.com/hindmansanchez/images/top-banner.jpg" style="width: 650px; height: 162px;" width="650" /></td>
									</tr>
								</tbody>
							</table>
						</td>
					</tr>
<!-- END: top banner --><!-- BEGIN: main body -->					<tr>
<!-- BEGIN: left side -->						<td align="center" valign="top" width="26px;">
							<img alt="" border="0" height="202" src="http://www.seozones.com/hindmansanchez/images/orange-gradient.jpg" style="width: 26px; height: 202px;" width="26" /></td>
<!-- END: left side --><!-- BEGIN: LEFT COLUMN -->						<td align="left" bgcolor="#ffffff" valign="top" width="154px;">
							<div style="padding-top: 0px; padding-left: 10px; padding-right: 5px;">
<!-- START HERE -->								<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">
									Education for Managers</p>
								<img alt="Lunch forums" border="0" height="27" src="http://www.seozones.com/hindmansanchez/images/lunch-forums.jpg" style="width: 109px; height: 27px;" width="109" />
								<p style="font: italic bold 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">
									October 7</p>
								<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">
									Harassment - What is it and what can you do about it?<br />
									12:00 - 1:30 PM</p>
								<p style="font: italic bold 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">
									November 4</p>
								<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">
									We&#39;re in court - How do we become good witnesses?<br />
									12:00 - 1:30 PM<br />
									<br />
									1.5 CMCA Credit Hours</p>
								<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">
									<em><strong>December 25</strong></em></p>
								<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">
									It&#39;s Christmas time in the Rockies!&nbsp; Gather around Brycie!</p>
								<p>
									&nbsp;</p>
								<img alt="Director Classes" border="0" height="28" src="http://www.seozones.com/hindmansanchez/images/director-classes.jpg" style="width: 108px; height: 28px;" width="108" />
								<p style="font: italic bold 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">
									October 14</p>
								<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">
									Board Member Basics<br />
									6:00 - 8:00 PM</p>
								<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">
									All forums/classes are held at our Arvada office 5610 Ward Road Suite 300 (1 mile north of I-70) unless otherwise noted<br />
									<br />
									Registration is required</p>
								<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">
									<a href="http://www.hindmansanchez.com/lawyer-attorney-1078898.html" style="color: blue; text-decoration: none;" target="_blank">[REGISTER HERE]</a></p>
								<p>
									&nbsp;</p>
								<img alt="Manager Results" border="0" height="27" src="http://www.seozones.com/hindmansanchez/images/manager-results.jpg" style="width: 109px; height: 27px;" width="109" />
								<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">
									It&#39;s now budget season for many boards. if your community was created after July 1, 1992, it is subject to the budget process laid out in CCIOA. Below is a checklist to ensure your association is complying with the CCIOA budget requirements or other requirements set forth in the governing documents.</p>
								<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">
									<a href="http://www.hindmansanchez.com/index.html" style="color: blue; text-decoration: none;" target="_blank">[READ FULL STORY]</a></p>
								<p>
									&nbsp;</p>
								<img alt="Past Issues" border="0" height="27" src="http://www.seozones.com/hindmansanchez/images/past-issues.jpg" style="width: 109px; height: 27px;" width="109" />
								<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">
									<a href="http://www.hindmansanchez.com/lawyer-attorney-1082767.html" style="color: blue; text-decoration: none;" target="_blank">View Newsletter Archive</a></p>
								<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">
									<a href="http://www.hindmansanchez.com/index.html" style="color: blue; text-decoration: none;" target="_blank">Search Past Issues of Community Essentials by Keyword: <em>Essentials</em></a></p>
<!-- END HERE -->							</div>
						</td>
<!-- END: LEFT COLUMN --><!-- BEGIN: MIDDLE COLUMN -->						<td align="left" valign="top" width="342px;">
							<div style="padding-left: 10px;">
<!-- START HERE -->								<div style="padding-bottom: 3px; padding-top: 0px;">
									<div style="padding-bottom: 3px;">
										<p style="font: bold 10pt 'tahoma','helvetica','arial','sans-serif'; color: blue;">
											When to Call it Quits</p>
										<p style="font: italic 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">
											by Mike Waller, Esq.</p>
										<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">
											We live in a day and age where there is a ton of things around us that really are...</p>
										<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">
											<a href="http://www.hindmansanchez.com/index.html" style="color: blue; text-decoration: none;" target="_blank">[READ FULL STORY]</a></p>
									</div>
									<p style="font: bold 10pt 'tahoma','helvetica','arial','sans-serif'; color: blue;">
										Anyone interested in selling their condo unit?</p>
									<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">
										FHA APPROVAL CUTOFF IS DECEMBER 7. If a condominium community hasn&#39;t been FHA certified by that date, unit owners may not be able to close sales. FHA Approval Guidelines WILL change next year. For help getting FHA certification and for answers about the process, contact HindmanSanchez at 303.432.9999</p>
								</div>
								<div style="padding-bottom: 3px;">
									<p style="font: bold 10pt 'tahoma','helvetica','arial','sans-serif'; color: blue;">
										Law Suit First Aid: What an HOA Must Do When Sued</p>
									<p style="font: italic 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">
										by William H. Short, Esq.</p>
									<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">
										When the Association is on the receiving end of a lawsuit, there can be very serious consequences for the association unless certain actions are taken property and in a timely way. This article highlights what must be done when the association is named in a lawsuit - what &quot;first aid&quot; should be administered to improve the outcome for the association.</p>
									<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">
										<a href="http://www.hindmansanchez.com/index.html" style="color: blue; text-decoration: none;" target="_blank">[READ FULL STORY]</a></p>
								</div>
								<div style="padding-bottom: 3px;">
									<p style="font: bold 10pt 'tahoma','helvetica','arial','sans-serif'; color: blue;">
										2011 CCIOA Budget Ratification Checklist</p>
									<p style="font: italic 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">
										by Elina B. Hindley, Esq.</p>
									<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">
										It&#39;s now budget season for many boards. If your community was created after July 1, 1992, it is subject to the budget process laid out in CCIOA. Below is a checklist to ensure your association is complying with the CCIOA budget requirements or other requirements set forth in the governing documents.</p>
									<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">
										<a href="http://www.hindmansanchez.com/index.html" style="color: blue; text-decoration: none;" target="_blank">[READ FULL STORY]</a></p>
								</div>
								<div style="padding-bottom: 3px;">
									<p style="font: bold 10pt 'tahoma','helvetica','arial','sans-serif'; color: blue;">
										Assessment Collection Q&amp;A</p>
									<p style="font: italic 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">
										by Amelia J. Adair, Esq.</p>
									<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">
										Question: When is the best time to turn over delinquent accounts for collection? Answer: The sooner you turn over a delinquent account to an attorney for collection, the better your chances are of recovering that debt.</p>
									<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">
										<a href="http://www.hindmansanchez.com/index.html" style="color: blue; text-decoration: none;" target="_blank">[READ FULL STORY]</a></p>
								</div>
								<div style="padding-bottom: 3px;">
									<p style="font: bold 10pt 'tahoma','helvetica','arial','sans-serif'; color: blue;">
										Media Checklist</p>
									<p style="font: italic 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">
										by Amelia J. Adair, Esq.</p>
									<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">
										There&#39;s a reporter on the phone. What do you do next? To make the most of your media opportunity and present your association in the best light possible, prepare by answering this list of questions and reviewing the simple Media Do&#39;s and Don&#39;ts.</p>
									<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">
										<a href="http://www.hindmansanchez.com/index.html" style="color: blue; text-decoration: none;" target="_blank">[READ FULL STORY]</a></p>
								</div>
								<div style="padding-bottom: 3px;">
									<p style="font: bold 10pt 'tahoma','helvetica','arial','sans-serif'; color: blue;">
										Meeting Moment - Tips for smoother meetings</p>
									<p style="font: italic 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">
										by Amelia J. Adair, Esq.</p>
									<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">
										Learn how voting cards can help the chair take votes more smoothly during large annual and other meetings with owners.</p>
									<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">
										<a href="http://www.hindmansanchez.com/index.html" style="color: blue; text-decoration: none;" target="_blank">[READ FULL STORY]</a></p>
								</div>
								<div style="padding-bottom: 3px;">
									<p style="font: bold 10pt 'tahoma','helvetica','arial','sans-serif'; color: blue;">
										CCIOA Corner</p>
									<p style="font: italic 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">
										by Elina B. Hindley, Esq.</p>
									<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">
										Must boards take minutes in executive sessions? What does CCIOA require or allow? What should your minutes reflect?</p>
									<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">
										<a href="http://www.hindmansanchez.com/index.html" style="color: blue; text-decoration: none;" target="_blank">[READ FULL STORY]</a></p>
								</div>
<!-- END HERE -->							</div>
						</td>
<!-- END: MIDDLE COLUMN --><!-- BEGIN: RIGHT COLUMN -->						<td align="center" valign="top" width="102px;">
							<table border="0" cellpadding="0" cellspacing="0" width="102px;">
								<tbody>
									<tr>
										<td align="center" valign="top" width="102px;">
											<table border="0" cellpadding="0" cellspacing="0" width="102px;">
												<tbody>
													<tr>
														<td align="center" height="400" valign="top" width="102px;">
															<p>
																&nbsp;</p>
															<a href="http://www.hindmansanchez.com/lawyer-attorney-1078540.html" target="_blank" title="Education"><img alt="Education" border="0" height="81" src="http://www.seozones.com/hindmansanchez/images/education-logo.jpg" style="width: 72px; height: 81px;" width="72" /></a></td>
													</tr>
													<tr>
														<td align="center" height="300" valign="top" width="112px;">
															<a href="http://www.hindmansanchez.com/index.html" target="_blank" title="Survey"><img alt="Survey" border="0" height="87" src="http://www.seozones.com/hindmansanchez/images/survey.jpg" style="width: 63px; height: 87px;" width="63" /></a></td>
													</tr>
													<tr>
														<td align="center" height="600" valign="bottom" width="112px;">
															<a href="http://www.hindmansanchez.com/index.html" target="_blank" title="Blog"><img alt="Blog" border="0" height="60" src="http://www.seozones.com/hindmansanchez/images/blog.jpg" style="width: 74px; height: 60px;" width="74" /></a></td>
													</tr>
												</tbody>
											</table>
										</td>
									</tr>
								</tbody>
							</table>
						</td>
<!-- END: RIGHT COLUMN --><!-- BEGIN: right side -->						<td align="center" valign="top" width="26px;">
							<img alt="" border="0" height="202" src="http://www.seozones.com/hindmansanchez/images/orange-gradient.jpg" style="width: 26px; height: 202px;" width="26" /></td>
<!-- END: right side -->					</tr>
<!-- END: main body --><!-- BEGIN: footer -->					<tr>
						<td align="center" colspan="5" height="159px;" valign="top" width="650px;">
							<br />
							<img alt="Hindeman Sanchez" border="0" height="159" src="http://www.seozones.com/hindmansanchez/images/footer.jpg" style="width: 650px; height: 159px;" width="650" /></td>
					</tr>
<!-- END: footer -->				</tbody>
			</table>
		</body>
</html>

Open in new window

outlook.jpg
I had px; in the width and height in the table and td cells which was causing the issue.
Thanks!