Hi all.
I am working on a new website and loaded some of the pages to have a look at them.
I hope you can help because I have no clue why my menu is going wonky on some pages and not others.

I have used a table to create a three column table.
First column = logo from the image file. This changes from page to page.
Second column = menu.
Third column = space for some advertising.

The different logos are all the same size.
I have copied and pasted the html from the index file across the other pages, however the menu shifts from page to page so that it is out of line with the middle column.

It isn't to do with the changing logo as it goes out of line on pages that use the same logo.

Why is it doing this?

Here are the pages that are okay
http://www.gardeners-in.co.uk
http://www.gardeners-in.co.uk/advertise.html

wonky pages
http://www.gardeners-in.co.uk/england.html
http://www.gardeners-in.co.uk/wales.html
http://www.gardeners-in.co.uk/scotland.html
http://www.gardeners-in.co.uk/northern-ireland.html
http://www.gardeners-in.co.uk/gardening-books.html

It might be that I am missing something very obvious in the html, but I've been staring at this for a couple of hours now so could do with some help.

All other comments welcome.

Thanks
Ru

Ru,

I checked the two good pages, then checked the other pages, and they all appear to be acting the same to me viewing with Firefox and IE6.

I checked the beginning of the middle column, and it remained constant and each page menu had the menu text in the same position.

I did notice that if you change the width of the browser window, the text will remain in a fixed position until your release the drag on the side of the window, and then the text jumps to the correct position. I suspect this is caused by having the position of the table re-drawn and the js then relocating.

The only thing that I can see is that you don't use the same settings for your tables in each page. Example:
On one page, the table code reads:
<table border="0" width="800" align="center" bgcolor="#ffffff" cellspacing="0" cellpadding="0">

The same table on another page reads:
<table border="0" width="800" align="center" bgcolor="#ffffff" cellspacing="0" cellpadding="10">

They are almost identical, except for the cellpadding=""
Changing the value in between the "" will change the spacing of the cells within that table. 0 is no padding, 30 would be too much in most cases. I fyou don't match the cellpadding and cellspacing on each page, things will look offset.

Thanks guys,

I managed to check the site on a different pc and it seems it is my laptop rather than my HTML that is wonky.

Thanks for the remind on the cell padding Cliff.

Ru