CSS issues

My cart went live today and I'm seeing an issue with Firefox and the footer. The footer isn't on the bottom of the page. And in Chrome and Opera, the menu is not collapsing when viewing a product. Please advise. The username/log in is the same as in the other tickets.

Thanks

Another CSS issue popped up. Firefox, and in the sister site.

Screen shot attached.

It is fine in the cart but on the sister site, is cutting the image in half.

I'm using the cart db and galleries on the site that leads into the cart.

products2011.php?ProductGroup=5500

Click on the gallery strip in FF to see.

The code calling the long description, including the gallery insert is:

<?php echo mod_wa_evaluate($row_products2['ProductLongDesc']); ?>

The cart lives here: store/

these issues where caused by conflicting versions of moo tools, we looked into the filers through ftp and added code so that the gallery mootools would not be included on power store sites (Where mootools is already included for the menu). we also updated the version of mootools bing used.


for the footer issue, i moved the footer div element so it was outside the main content area in the theme template file.

That is why I'm suddenly seeing a mess on the sporthill pages... laugh... look at this page... it should all be side by side...

products2011.php?ProductGroup=5510

like this one (if the code is still holding)

products2011.php?ProductGroup=5300

This one doesn't have a gallery...

Please tell me which files to download for the css fixes on the footer and menu. Thanks much.

And if you have a clue about how I can repair my sporthill page using the gallery images, that would be wonderful...

Maybe making the gallery only 3 images would solve it...

Testing in firebug ... It's a clearing issue of some sort, I think but I can't nail it yet.

the problem with the sport hill pages is the layout structure.


you have the productColumn2 div inside the productColumn1 div, the productColumn2 needs to be moved outside the productColumn1 div.


the updated pages where:
webassist/themes/red/templates/page.dwt.php
webassist/themes/theme_open.php
galleries/tiny_ribbon_lightbox/css/common.css
galleries/tiny_ribbon_lightbox/index.php

Thanks... I'll download. And then pull that page apart. Thanks.

Not seeing it yet.

<div class="secondcontentarea">

<div id="productcolumn1">



<p>

<!--largest size here -->


<a href="http://milemarkersports.com/store/imagesupload/main/<?php echo $row_products2['ProductImage']; ?>" class="jqzoom" title="<?php echo $row_products2['ProductName']; ?>"><img src="http://milemarkersports.com/store/imagesupload/main/<?php echo $row_products2['ProductImage']; ?>" width="300" hspace="10"></a>
</p>
</p>
<p> <span class="mouseoverinstructions">Mouse over to enlarge</span><br>

<!-- change ID to match productgrouop -->

<?php
if ( intval($row_products2['ProductLive']) ) {
?>
</p>
<p><a href="http://milemarkersports.com/store/products_detail.php?ProductID=<?php echo $row_products2['ProductID']; ?>" ><img src="2011images/buynow.jpg" width="100" height="23"></a></p>
<?php
}
?>
<h3><?php echo $row_products2['ProductName']; ?> - <span class="productnumber"><?php echo $row_products2['ProductGroup']; ?></span></h3>
<p><?php echo mod_wa_evaluate($row_products2['ProductLongDesc']); ?></p>
<?php
if ( intval($row_products2['ProductLive']) ) {
?>
<p><a href="http://milemarkersports.com/store/products_detail.php?ProductID=<?php echo $row_products2['ProductID']; ?>" ><img src="2011images/buynow.jpg" width="100" height="23"></a></p>
<?php
}
?>
</div>

~~~~~ end of col1~~~~~

<div id="productcolumn2">
<p>
<?php if (strlen($row_products2['ProductActionImage'])>1) { ?>
<br>
<img src="http://milemarkersports.com/store/imagesupload/other/<?php echo $row_products2['ProductActionImage']; ?>" alt="" name="action">
<? } ?>
</p>
<p> <!-- Accordion --> </p>
<!-- endof accordion -->
<div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0">Colors</li>
<li class="TabbedPanelsTab" tabindex="0">Reviews</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">
<p>
<?php
while ( $row_thumbs = mysql_fetch_assoc($thumbs) ) {
?>
<img src="http://milemarkersports.com/store/imagesupload/thumb/<?php echo $row_thumbs['ProductThumb']; ?>" alt="" name="thumbs" width="175">
<?php
}
?>
</p>
</div>
<div class="TabbedPanelsContent">
<?php
while ( $row_reviews2 = mysql_fetch_assoc($reviews2) ) {
?>
<p><b><?php echo $row_reviews2['review_title']; ?></b></p>
<p><?php echo $row_reviews2['review_body']; ?><br>
By: <?php echo $row_reviews2['review_author']; ?></p>
<?php
}
?>
</div>
</div>
</div>
</div>
</div>
</article> <!-- end article.content -->

It's a mess, I know...