As a result of having reviewed your site, I now solemnly vow never to investigate a problem in a table-based layout unless somebody is paying me to do it (and paying well). This is exactly the sort of design that good designers are now abandoning in their droves. Eight nested tables with their associated body, row and cell tags, and embedded, inline CSS, not to mention dozens of standards violations, makes this almost (but not quite) impossible to debug. Perhaps this is why your designer gave up and you had to turn to the Zen Cart community. Rant over.
At least your designer has had the good grace to remove all spurious HTML markup. I do get the sense that he has made a serious attempt to get to the biottom of this. And this in turn has helped me to get most if not all the way to the bottom of your problem. If you try deleting the whole div that contains the view cart button, the two dotted lines above and below, and the search box and button, and you will find that your column closes up to something similar to the rest of your pages. Obviously you won't want to leave it like this, but at least it narrows the problem right down.
This div is your problem. Although everything in side it looks small enough, the div is forcing your table cell to be be wider than it should be. This is because it is subject to three sets of padding.
Firstly the cell itself has 10px all the way round as a result of this line
<table width="146" border="0" cellspacing="0" cellpadding="10">
This is OK and should stay.
Then you have some more inline padding around your search field.
<input type="image" src="http://www.flevobikeusa.com/images/search-button.gif" value="submit" style="padding: 7px">
Although you do want to pad above and below, this also pads to the right and left, which is unnecessary and harmful as it swells the width of your column.
Finally, you have a discreet entry in your stylesheet that adds padding to all paragraph tags
P, ADDRESS { padding: 0.5em; }
and you enclose your dotted line images inside paragraph tags as follows:
<p><img src="http://www.flevobikeusa.com/images/seperator.gif" alt="" height="4" width="127" border="0"></p>
I expect that this is appropriate elsewhere on your site, but not here, so your designer should use a more specific ID reference or class to more precisely target this effect.
To a large extend the search field padding and the paragraph padding occupy the same space. If you remove either one of them alone (a normal diagnostic approach), the other will pick up the slack, and you will notice little or no difference. This is probably why your designer's troubleshooting didn't catch it.
OK. Hopefully that will set you on your way. If you delete this everything before word three of paragraph 2 plus this paragraph, you even have something that you could show your designer to encourage him to finish the job!
Kuroi Web Design and Development | Twitter
(Questions answered in the forum only - so that any forum member can benefit - not by personal message)
