Aligning one page to another

Get Started
1

I have checked these pages till I am blue in the face but as you navigate one page to the next, the position of the navigation side bar - jumps. Bizarrely, Index and Contact page align with each other but not the rest.
Ive looked through the obvious : image size, table/tr/td widths and Im darned if I can see it.
Even tried using the two constants, stripping them back and trying again . . but off it goes.

www.dunrominkilkenny.com

Im posting two pages that dont align:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<!-- w3c checked 28june2010-->

<html>
<head>
<meta name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Dunromin - Links and maps</title>
<link href="dunromin_style.css" rel="stylesheet" type="text/css">
<!--[if IE]>
<style type="text/css">
#main-column {width:550px}
#left-column {margin-left:5px}
#right-column {margin-right:5px}
</style>
<! [endif] -->
<meta name="author" content="Jo Scott">
<meta name="abstract" content="Quality Guest accommodation in Kilkenny">
<meta name="copyright" content="AJ DESIGNS">
<meta name="Description" content="Dunromin,  Kilkenny's friendliest Bed and Breakfast">
<meta name="Keywords" content="Dunromin, Kilkenny, Kilkenny Guesthouse, B&amp; B&amp; B kilkenny, B&amp; B Irekand, Guesthouse Ireland, Dublin B&amp; B, Kilkenny Castle, Hotel Kilkenny, Dublin guesthouse">

<style type="text/css">
<!--
.style2 {
    color: #6689CC;
    font-style: italic;
}
.style3 {font-size: 80%}
-->
</style>
</head>

<body>
<table width="950" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="200">&nbsp;</td>
    <td width="350">&nbsp;</td>
    <td width="400"><div align="right"><img src="Resources/2010_images/dunromin house fp.JPG" width="287" height="179" alt="Dunromin "></div></td>
  </tr>
  <tr>
    <td width="200" valign="top" class="navigation">
        
          <p align="right"><a href="index.html">Home</a></p>
      <p align="right"><a href="whystay2011.html">Stay with us</a></p>
      <p align="right"><a href="rooms2011.html">Rooms</a></p>
    <p align="right"><a href="Maps2011.html">Links &amp; Maps</a></p>
    <p align="right"><a href="contact2011.html">Contact Us</a></p></td>
    
    <td colspan="2" width="750">
       <p align="center"></p>
      </td>
  </tr>
  

  <tr>
       <td width="200"></td>
       <td colspan="2"><hr></td>
  </tr>
  
    <tr>
      <td width="200"></td>
        <td width="750" colspan="2" height="90" valign="top">
      <div align="right"><img src="MASTER IMAGES/logo-strip-nov2011 copy.jpg" alt="BnBIreland, Lonely Planet and Karen Brown logos" width="700" height="100"></div></td>
    </tr>
    
<tr>  
    <td width="200"></td>
        <td width="750" colspan="2"><hr></td>
</tr>
    
<tr> 
    <td width="200"></td>
        <td width="750" colspan="2"><p align="center" class="style3">Dunromin, Dublin Road, Kilkenny. Gps ;- 52.649375-  7.226525</p>
                    <p align="center" class="style3">Email: <a href="mailto:valtom@oceanfree.net">valtom@oceanfree.net</a> Tel: + 353 56 776 1387. Mobile: + 0876 169 072 Fax: + 353 56 777 0736 </p>
        
        <p align="center" class="navigation style3"><a href="index.html">Home</a> &nbsp; &nbsp; |&nbsp; &nbsp; <a href="whystay2011.html">Stay with Us</a> &nbsp; &nbsp; |&nbsp; &nbsp; <a href="rooms2011.html">Rooms and Rates </a>&nbsp; &nbsp; |&nbsp; &nbsp; <a href="Maps2011.html">Links and Maps</a></p>        </td>
    </tr>
</table>


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

…


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<!-- w3c checked 28june2010-->

<html>
<head>
<meta name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Dunromin - Home page</title>
<link href="dunromin_style.css" rel="stylesheet" type="text/css">
<!--[if IE]>
<style type="text/css">
#main-column {width:550px}
#left-column {margin-left:5px}
#right-column {margin-right:5px}
</style>
<! [endif] -->
<meta name="author" content="Jo Scott">
<meta name="abstract" content="Quality Guest accommodation in Kilkenny">
<meta name="copyright" content="AJ DESIGNS">
<meta name="Description" content="Dunromin,  Kilkenny's friendliest Bed and Breakfast">
<meta name="Keywords" content="Dunromin, Kilkenny, Kilkenny Guesthouse, B&amp; B&amp; B kilkenny, B&amp; B Irekand, Guesthouse Ireland, Dublin B&amp; B, Kilkenny Castle, Hotel Kilkenny, Dublin guesthouse">

<style type="text/css">
<!--
.style2 {
    color: #6689CC;
    font-style: italic;
}
.style3 {font-size: 80%}
-->
</style>
</head>

<body>
<table width="950" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="200">&nbsp;</td>
    <td width="350"><span class="style1"><img src="Resources/2010_images/step inside.gif" alt="Step inside Dunromin" width="210" height="100"></span></td>
    <td width="400"><div align="right"><img src="Resources/2010_images/dunromin house fp.JPG" width="287" height="179" alt="Dunromin "></div></td>
  </tr>
  <tr>
    <td width="200" valign="top" class="navigation">
        
          <p align="right"><a href="index.html">Home</a></p>
      <p align="right"><a href="whystay2011.html">Stay with us</a></p>
      <p align="right"><a href="rooms2011.html">Rooms</a></p>
    <p align="right"><a href="Maps2011.html">Links &amp; Maps</a></p>
    <p align="right"><a href="contact2011.html">Contact Us</a></p></td>
    <td width="350">
        <blockquote>
          <p>Let us welcome you into our <br>
            19th Century family home where <br>
            the kettle is always boiling. . . </p>
    </blockquote>      </div></td>
    <td width="400">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td><div align="left">
        <blockquote>
          <p>. . . over a warming cup of tea or coffee, we will introduce you 
            to the delights of Kilkenny</p>
        </blockquote>
    </div></td>
  </tr>
  <tr>
    <td width="200">&nbsp;</td>
  <td height="80" valign="top" width="350">
      <div align="right"><p></p>
      <p>Our illustrated map will highlight<br>
        historical buildings &amp; heritage sites . . . 
      </div>
      <p align="center"><img src="MASTER IMAGES/clover photo.jpg" alt="Clover leaf" width="180"></p>
    <td rowspan="2" width="400">
       
        <p align="right">
    . . . and the best places to eat and drink where you can enjoy the   &quot;ceol agus craic&quot;, music and fun. <strong><br/>Val and Tom </strong></p>      <p align="right" class="style2"> Open 1st April - 31st October</p></td>
  </tr>
  <tr>
    <td height="70">&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
       <td width="200"></td>
       <td colspan="2" width="750"><hr></td>
  </tr>
    <tr>
      <td width="200"></td>
        <td width="750" colspan="2" height="90" valign="top">
      <div align="right"><img src="MASTER IMAGES/logo-strip-nov2011 copy.jpg" alt="BnBIreland, Lonely Planet and Karen Brown logos" width="700" height="100"></div></td>
    </tr>
     <tr> <td width="200"></td>
     <td colspan="2" width="750"><hr></td>
    </tr>
       <tr>
           <td width="200"></td>
              <td width="750" colspan="2"><p align="center" class="style3">Dunromin, Dublin Road, Kilkenny. Gps ;- 52.649375-  7.226525</p>
        <p align="center" class="style3">Email: <a href="mailto:valtom@oceanfree.net">valtom@oceanfree.net</a> Tel: + 353 56 776 1387. Mobile: + 0876 169 072 Fax: + 353 56 777 0736 </p>
        
        <p align="center" class="navigation style3"><a href="index.html">Home</a> &nbsp; &nbsp; |&nbsp; &nbsp; <a href="whystay2011.html">Stay with Us</a> &nbsp; &nbsp; |&nbsp; &nbsp; <a href="rooms2011.html">Rooms and Rates </a>&nbsp; &nbsp; |&nbsp; &nbsp; <a href="Maps2011.html">Links and Maps</a></p>        </td>
    </tr>
</table>


</div>
</body>
</html>
2

Hi, ok the problem…
You have cellpadding and cellspacing adding 4 pixels to each table cell.



<table width="950" border="0" cellspacing="2" cellpadding="2" align="left">

One of the things that will be picked up on (esp here!) is that you are using tables for the layout. You really need to work at getting it over to a CSS based design.I know that some of our more vocal members will jump up and down over it!