Product Info display problem, IE vs Firefox

[stumped]

Hello,

I'm new to CSS and trying to get a site going with zen 3.5

My product info page looks okay for now with IE, but in firefox the product picture is overlaping the description.

Would someone please point out where the error is?

site is: http://www.self-dumping-hoppers.com

Thanks

[stumped]

the link to my one existing product for this site is:

http://www.self-dumping-hoppers.com/...&products_id=4

[kobra]

What you are referring to as the product description is not the default description.

So I will assume that you have a custom tpl_product_info_display.php file. I would look to this and compare to a default file. Look for a clearboth that you might have taken out.

I also suggest that you always develop in FF as it is the more compliant browser and then correct for the IE quirks.

[stumped]

Thank you Kobra for taking a look, but...this is the stock product.info.display from the Classic template (it is in my override folder)

here is how it displays in firefox

http://www.self-dumping-hoppers.com/...&products_id=4

if I turn on all the css classes under the develpment tools, the description moved down from the picture.

Any thoughts?

Thanks

[kobra]

stumped,

OK, then have you placed html in the product entry to acheive the table & diagram that is appearing? Or how was this inserted. Product description by default is un-ordered text

[stumped]

Hello,

I have not touched the tpl file. I entered product descriptions the usual way in the admin panel. I just uploaded the tpl_product_info_display.php file from the default template and still having the same layout problem in firefox.

Any help would be greatly appreciated.

Here is the tpl file I'm using:


* Page Template
*
* Loaded automatically by index.php?main_page=product_info.<br />
* Displays details of a typical product
*
* *package templateSystem
* *copyright Copyright 2003-2006 Zen Cart Development Team
* *copyright Portions Copyright 2003 osCommerce
* *license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
* *version $Id: tpl_product_info_display.php 3435 2006-04-14 03:42:46Z ajeh $
*/
//require(DIR_WS_MODULES . '/debug_blocks/product_info_prices.php');
?>
<div class="centerColumn" id="productGeneral">

<!--bof Form start-->
<?php echo zen_draw_form('cart_quantity', zen_href_link(zen_get_info_page($_GET['products_id']), zen_get_all_get_params(array('action')) . 'action=add_product'), 'post', 'enctype="multipart/form-data"') . "\n"; ?>
<!--eof Form start-->

<?php if ($messageStack->size('product_info') > 0) echo $messageStack->output('product_info'); ?>

<!--bof Category Icon -->
<?php if ($module_show_categories != 0) {?>
<?php
/**
* display the category icons
*/
require($template->get_template_dir('/tpl_modules_category_icon_display.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_category_icon_display.php'); ?>
<?php } ?>
<!--eof Category Icon -->

<!--eof Prev/Next top position -->
<?php if (PRODUCT_INFO_PREVIOUS_NEXT == 1 or PRODUCT_INFO_PREVIOUS_NEXT == 3) { ?>
<?php
/**
* display the product previous/next helper
*/
require($template->get_template_dir('/tpl_products_next_previous.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_products_next_previous.php'); ?>
<?php } ?>
<!--eof Prev/Next top position-->

<!--bof Main Product Image -->
<?php
if (zen_not_null($products_image)) {
?>
<?php
/**
* display the main product image
*/
require($template->get_template_dir('/tpl_modules_main_product_image.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_main_product_image.php'); ?>
<?php
}
?>
<!--eof Main Product Image-->

<!--bof Product Name-->
<h1 id="productName" class="productGeneral"><?php echo $products_name; ?></h1>
<!--eof Product Name-->

<!--bof Product Price block -->
<h2 id="productPrices" class="productGeneral">
<?php
// base price
if ($show_onetime_charges_description == 'true') {
$one_time = '<span >' . TEXT_ONETIME_CHARGE_SYMBOL . TEXT_ONETIME_CHARGE_DESCRIPTION . '</span><br />';
} else {
$one_time = '';
}
echo $one_time . ((zen_has_product_attributes_values((int)$_GET['products_id']) and $flag_show_product_info_starting_at == 1) ? TEXT_BASE_PRICE : '') . zen_get_products_display_price((int)$_GET['products_id']);
?></h2>
<!--eof Product Price block -->

<!--bof free ship icon -->
<?php if(zen_get_product_is_always_free_shipping($products_id_current)) { ?>
<div id="freeShippingIcon"><?php echo TEXT_PRODUCT_FREE_SHIPPING_ICON; ?></div>
<?php } ?>
<!--eof free ship icon -->

<!--bof Product description -->
<?php if ($products_description != '') { ?>
<div id="productDescription" class="productGeneral biggerText"><?php echo stripslashes($products_description); ?></div>
<?php } ?>
<!--eof Product description -->
<br class="clearBoth" />

<!--bof Add to Cart Box -->
<?php

Thanks

[stumped]

all fixed..... I needed to add a "<br class="clearBoth" />" right before the description

[kobra]

Glad you found it and posted the cure.

This was what I was trying to get you to look at because the description that you have, while it might have been entered through the product entry function, is defined as tables and these are not fluid and were consuming the space normally used by the image.

BTW They look very good and present the product variants well

[stumped]

thanks ,,,,,,,,,,,,,,,,