OpenCart Community

Posted: **Fri Oct 21, 2011 7:24 pm**

Footer_Problem.jpg (52 KiB) Viewed 2232 times

The footer as well as some of the product descriptions shrinks sideways (see image) in some the pages and scroll bars automatically appear. Any way to get rid of this??

I am using Opencart 1.5.1.2

Posted: **Fri Oct 21, 2011 9:12 pm**

It's an auto overflow issue as something in your content is too wide using the column widths you have set in your stylesheet. Not being able to see the entire page, not sure what is too wide, but you can either make the content it is overflowing narrower or change the page/column width settings in your stylesheet.

Posted: **Sat Oct 22, 2011 4:08 am**

Hi Labeshops,
Thanks for taking a look. Here is the page: http://www.toddlerstore.in/index.php?ro ... duct_id=50 . Would be really grateful if you could take a look and give me some instructions to correct it since I have no coding experience.

Posted: **Mon Oct 24, 2011 3:37 pm**

Can anyone please help me with this? Appreciate any response. Thanks!

Posted: **Mon Oct 24, 2011 5:44 pm**

you have a unclosed tag in your product description.

Posted: **Mon Oct 31, 2011 7:37 pm**

Thanks Daniel. If it is not a problem, could you point out what tag is unclosed? Pasting the product.tpl file code below:

Code: Select all

<?php echo $header; ?><?php echo $column_left; ?><?php echo $column_right; ?>
<div id="content"><?php echo $content_top; ?>
  <div class="breadcrumb">
    <?php foreach ($breadcrumbs as $breadcrumb) { ?>
    <?php echo $breadcrumb['separator']; ?><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a>
    <?php } ?>
  </div>
  <h1><?php echo $heading_title; ?></h1>
  <div class="product-info">
    <?php if ($thumb || $images) { ?>
    <div class="left">
      <?php if ($thumb) { ?>
      <div class="image"><a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="fancybox" rel="fancybox"><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" id="image" /></a></div>
      <?php } ?>
      <?php if ($images) { ?>
      <div class="image-additional">
        <?php foreach ($images as $image) { ?>
        <a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" class="fancybox" rel="fancybox"><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a>
        <?php } ?>
      </div>
      <?php } ?>
    </div>
    <?php } ?>
    <div class="right">
      <div class="description">
        <?php if ($manufacturer) { ?>
        <span><?php echo $text_manufacturer; ?></span> <a href="<?php echo $manufacturers; ?>"><?php echo $manufacturer; ?></a><br />
        <?php } ?>
        <span><?php echo $text_model; ?></span> <?php echo $model; ?><br />
         <span><?php echo $text_stock; ?></span> <?php echo $stock; ?></div>
      <?php if ($price) { ?>
      <div class="price"><?php echo $text_price; ?>
        <?php if (!$special) { ?>
        <?php echo $price; ?>
        <?php } else { ?>
        <span class="price-old"><?php echo $price; ?></span> <span class="price-new"><?php echo $special; ?></span>
        <?php } ?>
        <br />
        <?php if ($tax) { ?>
        <span class="price-tax"><?php echo $text_tax; ?> <?php echo $tax; ?></span><br />
        <?php } ?>
        <?php if ($points) { ?>
        <span class="reward"><small><?php echo $text_points; ?> <?php echo $points; ?></small></span> <br />
        <?php } ?>
        <?php if ($discounts) { ?>
        <br />
        <div class="discount">
          <?php foreach ($discounts as $discount) { ?>
          <?php echo sprintf($text_discount, $discount['quantity'], $discount['price']); ?><br />
          <?php } ?>
        </div>
        <?php } ?>
      </div>

I know it is somewhere near the description section so I posted only that much. Being a noob in coding doesn't help

Appreciate your advice.
Thanks

Posted: **Wed Nov 02, 2011 11:34 am**

In the stylesheet.css
#footer {
clear: both;
overflow: auto;
min-height: 100px;
}

Remove this line from above,
overflow: auto;

Hope this will works out for footer hidden part as well do this for the other hidden part.

I am not expert but hope this will help as on mine it works.

Posted: **Fri Nov 04, 2011 7:51 pm**

Well the stylesheet edit did not help as the width of the footer is still smaller than the one on the homepage. I want the footer to stay the same on all the pages. Any help is appreciated.

Thanks!

Posted: **Wed Jan 11, 2012 10:52 pm**

I have the same problem.
I am using v 1.5.1.3. I have tried many things in stylesheet. But I am overlooking something. Your help is much appreciated. Thanks for the reply. Regards, Remco

OpenCart Community

Footer shrinks on some product pages!

Footer shrinks on some product pages!

Re: Footer shrinks on some product pages!

Re: Footer shrinks on some product pages!

Re: Footer shrinks on some product pages!

Re: Footer shrinks on some product pages!

Re: Footer shrinks on some product pages!

Re: Footer shrinks on some product pages!

Re: Footer shrinks on some product pages!

Re: Footer shrinks on some product pages!