Problem with left column width

[[email protected]]

Hi,

I have this issue on this page:
http://www.travelteez.com/cart/index...dex&cPath=20_6

Any time there are only two (or one) product on the page, the left column expands larger than what it looks like here:
http://www.travelteez.com/cart/index...ex&cPath=20_12

Can some one help me out? I've tried changing the column size, even hardcoding the width, but nothing works.

Thanks a million. Oh, by the way, I've learned tons just by reading previous posts, however this case is too specific and could not find a solution.

Thanks for any help offered.

[gjh42]

Are you still experiencing a problem?

I don't see any difference in left column width between zero, two or many products, in either Firefox or IE6.

[[email protected]]

Yeah, I still get the same thing, this also happens on Safari for the Mac computer.

I still don't know what the problem is. Firefox for the Mac is fine, but on the PC the left column still expands on this page:
http://www.travelteez.com/cart/index...dex&cPath=20_6

Any help would be appreciated.

Thanks.

[gjh42]

It's hard to advise how to fix a problem that I can't reproduce... I checked the obvious styling items and nothing looks like it should be causing the effect you report.

[RuFuS]

I think I can see the issue you are having.

The table you are using has a left cell width of 135px and a write cell of 100%. Seeing that your table with is 787px wide if you change that 100% to 652px I think you will see your issue go away.

***In your source view it would be here***

<!--// eof: GeoTrust //-->

</div></td>
<td valign="top" width="100%"> ***CHANGE 100% to 652***
<table border="0" width="100%"><tr><td>
<!-- bof breadcrumb -->
<!-- eof breadcrumb -->

**********************************

Let me know if this works.....

[gjh42]

It looks like you may have located the problem, though the fix would be a bit different.

The stock tpl_main_page.php has no tags at all on the center column <td>:

    <td valign="top">
<!-- bof  breadcrumb -->
<?php if (DEFINE_BREADCRUMB_STATUS == '1' || (DEFINE_...

100&#37; there is wrong, but there should be no need to specify the width at all.
Apparently there is an added table (not stock) just inside the center <td>, which is properly set at 100% width (though it would be better coding to follow modern practices and use a div with an id styled in the stylesheet).

[RuFuS]

Hi Glenn,

I totally agree, learning css is the way to go. My suggestion was just a quick fix rather then the way it should be done.

[[email protected]]

Thanks a lot guys, changing the size of the cell from a percentage to 652 did the trick. This forum is another reason why I love zen-cart. The fast and accurate help.

Thanks to both RuFuS and gjh42.

Have a great day.

P.S. I will learn CSS... any good book out there you recommend?

Again, thanks!

[[email protected]]

Oh, one more thing, since you guys seem to be very familiar with zen-cart, I need to make the "By Location? and "By Categories" centered within the left box, I can't seem to do that without making all the sub cats centered as well.

Any ideas. As you're aware by now, I'm no expert when it comes to CSS.

Thanks.

[gjh42]

Since the links are not block-level elements, the properties that should make them center don't apply. It is possible to fix that nicely with this:

A.category-top,  A.category-top:visited {
    display: block; 
    text-align: center; 
    margin-bottom: -12px;
    }

but unfortunately IE doesn't know how to handle the negative margin and intermittently erases a strip of the element below it.
So the best I can suggest without getting into editing the code in tpl_categories.php is this:

A.category-top,  A.category-top:visited {
    margin-right:22px;
    }

which puts them both quite near the center.