Product Images Stacking in IE7

[alexwoolfson]

So, I've gotten the look I want in both FF and Safari, but I've noticed in IE7 that the product images are not side-by-side under the New Products box, but instead are one on top to the other. From browsing other threads, this might be because I have defined the horizontal value for my images in Zen Cart admin, but I am leaving the vertical height blank because my images come in various sizes and I don't want them to be squished.

So... is there a workaround for this? Have I just screwed something up?

Here is a link to the front page of my Web site where you can see the problem in the lower part of the page. Please bear in mind that my Web site is Not Safe For Work and shows cartoon guys in their underwear and kissing (although not at the same time...).

https://store.yaoi911.com/

Thank you very much for any help you can offer!

Alex

[stevesh]

You might be able to fix it by making your mainWrapper a little wider.

Also check post #9 here:

http://www.zen-cart.com/forum/showthread.php?t=113491

That may not necessarily be the best answer, but it worked in that case.

[alexwoolfson]

stevesh,

You rock!

In includes/modules/my_template/new_products.php, changing this code:

// show only when 1 or more
if ($num_products_count > 0) {
  if ($num_products_count < SHOW_PRODUCT_INFO_COLUMNS_NEW_PRODUCTS || SHOW_PRODUCT_INFO_COLUMNS_NEW_PRODUCTS == 0 ) {
    $col_width = floor(100/$num_products_count);
  } else {
    $col_width = floor(100/SHOW_PRODUCT_INFO_COLUMNS_NEW_PRODUCTS);
  }

to this code

// show only when 1 or more
if ($num_products_count > 0) {
  if ($num_products_count < SHOW_PRODUCT_INFO_COLUMNS_NEW_PRODUCTS || SHOW_PRODUCT_INFO_COLUMNS_NEW_PRODUCTS == 0 ) {
    $col_width = floor(98/$num_products_count);
  } else {
    $col_width = floor(98/SHOW_PRODUCT_INFO_COLUMNS_NEW_PRODUCTS);
  }

did the trick!

(Now I'll make that change in featured_products.php as well...)

Thank you so much for your help!

Alex