I’ve taken the liberty to do a serious cleanup of the html file. The changes are numerous and too many to point out. Various xhtml errors have been corrected to make it validate. Do a close examination and compare to your present code. Remember that it’s preferable to style the text in the stylesheet and not in the content. Also set the width of the page and its content in the stylesheet (see the classes w22, mainTable and content).
The trouble you had with differing widths was due to forcing the page to be wider by adding excessive hspace values to the images. This broke the design on the home page, but not on the second page which had the intended width as set in the stylesheet.
Note that the paths to images and stylesheet are changed here and need to be changed back to the correct values.
Hope this helps.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Quality Outdoor Structures » Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">@import url('qos.css');</style>
</head>
<body>
<table class="mainTable" border="0" cellpadding="0" cellspacing="0">
<tr class="banner">
<td align="center"><img src="banner.png" width="667" height="80" alt="banner" /></td>
</tr>
<tr class="fancyRow">
<td><span class="headers"> <img src="dot.gif" alt="" style="margin-top: 1px;" /> <a href="http://www.okstructures.com/index.php?id=1">Quality Outdoor Structures >> </a><a href="http://www.okstructures.com/index.php?id=1">Home</a></span></td>
</tr>
<tr class="fancyRow2">
<td class="border-top-bottom" style="line-height: 0; padding-bottom: 3px;"> </td>
</tr>
<tr align="left" valign="top">
<td>
<table border="0" cellpadding="1" cellspacing="0" width="100%">
<tr align="left" valign="top">
<td class="w22">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr class="fancyRow2">
<td class="navigationHead" align="left" valign="top">Navigation</td>
</tr>
<tr style="margin: 2px; padding: 10px;">
<td class="navigation" style="margin: 0px; padding: 10px;" align="left" valign="top">
<img src="_tx_.gif" alt="" height="4" /><br />
<a class="highLight" href="http://www.okstructures.com/index.php?id=1">Home</a>
<a href="http://www.okstructures.com/index.php?id=13">Metal Buildings</a>
<img src="_tx_.gif" alt="" height="4" />
</td>
</tr>
</table>
</td>
<td class="pad content">
<div style="text-align: center;">
<h1>Quality Outdoor Structures</h1>
<p>(405) 547-2940<br />
(405) 612-0428</p>
<br />
<br />
<br />
<img src="image002.jpg" alt="" height="161" width="240" style="margin: 30px 15px;" />
<img src="image004.jpg" alt="" height="161" width="241" style="margin: 30px 15px;" />
<img src="image008.jpg" alt="" height="163" width="241" style="margin: 30px 15px;" />
<img src="image006.jpg" alt="" height="161" width="241" style="margin: 30px 15px;" />
<p>Perkins, Oklahoma--<br />
One mile north of Highway 33 on Route 177</p>
<img alt="" src="image010.gif" height="353" width="463" style="margin: 30px 0;" />
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr class="fancyRow2">
<td class="border-top-bottom smallText" align="right">Powered by MODx <b>TP3.2</b> <i>(x2)</i></td>
</tr>
</table>
</body>
</html>