Whats in my cart help

[SpottyNic]

Hi all, I'm new to OSC so be gentle with me please .. ..

 

Problem -

When I add a item to my shopping cart in FireFox the right hand columns keeps it's formatting of the default width of 125 pix (its fine in FF3)

 

When I do the same in IE7 (not tested on other Ver. but I have on different PC's) the right hand side columns double in size and separates the header image.

When you remove the item its all ok again :(

 

OSC v. 2.2rc2

Skin - Thin Blue with Thumbnail Generator

Contribs - FLASH CARUSEL v3.0.1 / Store Mode 1_3 / Quick_updates v 2.5 / UK Royal Mail & Overseas Shipping Methods

 

 

Thank for your help in advance :D

[SpottyNic]

Just a quick update -

 

I think it maybe a prob with the css , I changed it to one from a diff template and the column width stays as is should (but looks like poop)

 

I will post it below so the eagle eyed can spot the prob while squinting at a 100 feet :blink:

 

I hope this all it is - trying to go live at some point this week (fingers X)

 

/*
 $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

 osCommerce, Open Source E-Commerce Solutions
 http://www.oscommerce.com

 Copyright (c) 2003 osCommerce

 Released under the GNU General Public License
*/
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px;padding:10px;}
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px; 
color:#3f4a4e;
margin:0;
background:#000000 url('images/template/background.png');
font-size:12px;
color:#5e5e5e;
text-align:center;
}
#wrapper {
width:950px;
text-align:right;
margin:0 auto;
padding:0;
background-color:#ffffff;
}
/* Header navigation */
/* ---------------------- yumyum-menu ---------------------- */
#yumyum-menu{width:100%;height:44px;font-size:13px;font-family:Verdana, Arial, Helvetica, sans-serif;text-align:center;}
#yumyum-menu ul{margin:0 auto; padding:0; list-style:none; display:table; white-space:nowrap; list-style:none; height:44px; position:relative; font-size:0.9em;}
#yumyum-menu li{display:block;float:left;margin:0;}
#yumyum-menu .left {background-image:url('images/template/left.gif');width:9px;height:44px;}
#yumyum-menu .right{background-image:url('images/template/right.gif');width:9px;height:44px;}
#yumyum-menu li a{display:block;line-height:44px;background-image:url('images/template/loop.gif');text-decoration:none;padding:0 25px 0 25px;color:#FFFFFF;font-weight:bold;}
#yumyum-menu .separator{background-image:url('images/template/separator.gif');width:2px;height:44px;}
#yumyum-menu li a:hover{display:block;line-height:44px;background-image:url('images/template/loop_hover.gif');text-decoration:underline;padding:0 25px 0 25px;color:#FFFFFF;font-weight:bold;}
/* ---------------------- END yumyum-menu ---------------------- */
/* End Header navigation */

/* BOX STYLE */
.tl {width:12px;height:42px;}
.tlop {background: url('images/template/box/top_loop.gif') repeat-x;width:177px;height:42px;font-family:Geneva, Arial, Helvetica, sans-serif;font-weight:bold;font-size:12px;color:#FFFFFF}
.tr {width:11px;height:42px;}
.cl {background: url('images/template/box/left_loop.gif') repeat-y;width:12px;height:100%;}
.cr {background: url('images/template/box/right_loop.gif') repeat-y;width:11px;height:100%;}
.bl {background: url('images/template/box/left_bottom.gif') no-repeat;width:12px;height:4px;}
.blop {background: url('images/template/box/bottom_loop.gif') repeat-x;height:4px;width:177px;}
.br {background: url('images/template/box/bottom_right.gif') no-repeat;width:11px;height:4px;}
/* END BOX STYLE */
/* CONTENT BOX STYLE */
.ctl {width:12px;height:42px;}
.ctlop {background: url('images/template/box/top_loop.gif') repeat-x;height:42px;font-family:Geneva, Arial, Helvetica, sans-serif;font-weight:bold;font-size:12px;color:#FFFFFF}
.ctr {width:11px;height:42px;}
.ccl {background: url('images/template/box/left_loop.gif') repeat-y;width:12px;height:100%;}
.ccr {background: url('images/template/box/right_loop.gif') repeat-y;width:11px;height:100%;}
.cbl {background: url('images/template/box/left_bottom.gif') no-repeat;width:12px;height:4px;}
.cblop {background: url('images/template/box/bottom_loop.gif') repeat-x;height:4px;}
.cbr {background: url('images/template/box/bottom_right.gif') no-repeat;width:11px;height:4px;}
/* END CONTENT BOX STYLE*/
A {
 color: #000000;
 text-decoration:none;
}

A:hover {
 color: #333333;
 text-decoration:underline;
}

FORM {
display: inline;
}

TR.header {
margin:0;
padding:0;
}

TR.headerNavigation {
 background: #ffffff;

}

TD.headerNavigation {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 background: #ffffff;
 color: #1a1a1a;
 font-weight : bold;
}

A.headerNavigation { 
 color: #1a1a1a; 
 text-decoration:none;
}

A.headerNavigation:hover {
 color: #1a1a1a;
 text-decoration:none;
}

TR.headerError {
 background: #ff0000;
}

TD.headerError {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 12px;
 background: #ff0000;
 color: #ffffff;
 font-weight : bold;
 text-align : center;
}

TR.headerInfo {
 background: #00ff00;
}

TD.headerInfo {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 12px;
 background: #00ff00;
 color: #ffffff;
 font-weight: bold;
 text-align: center;
}

TR.footer {
 background: #ffffff;
}

TD.footer {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 background: #ffffff;
 color: #1a1a1a;
 font-weight: bold;
}

.infoBox {
 background: #ffffff;
}
.contentBox {
 background: #ffffff;
}
.contentBoxContents {
 background: #ffffff;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 padding:5px;
}
.infoBoxContents {
 background: #ffffff;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 width:177px;
}

.infoBoxNotice {
 background: #FF8E90;
}

.infoBoxNoticeContents {
 background: #FFE6E6;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

TD.infoBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 font-weight: bold;
 background: #bbc3d3;
 color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
 background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
 background: #f8f8f9;
}

TABLE.productListing {
 border: 1px;
 border-style: solid;
 border-color: #a9ccde;
 border-spacing: 1px;
}

.productListing-heading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 color: #ffffff;
 font-weight: bold;
 background: #0badda;
}

TD.productListing-data {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

A.pageResults {
 color: #1a1a1a;
}

A.pageResults:hover {
 color: #1a1a1a;
 background: #0099CC;
}

TD.pageHeading, DIV.pageHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 20px;
 font-weight: bold;
 color: #1a1a1a;
}

TR.subBar {
 background: #f4f7fd;
}

TD.subBar {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 color: #000000;
}

TD.main, P.main {
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
 line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

TD.accountCategory {
 font-family: Verdana, Arial, sans-serif;
 font-size: 13px;
 color: #aabbdd;
}

TD.fieldKey {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
}

TD.fieldValue {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
}

TD.tableHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
}

SPAN.newItemInCart {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
}

TEXTAREA {
 width: 100%;
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
}

SPAN.greetUser {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 color: #f0a480;
 font-weight: bold;
}

TABLE.formArea {
 background: #f1f9fe;
 border-color: #7b9ebd;
 border-style: solid;
 border-width: 1px;
}

TD.formAreaTitle {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
}

SPAN.markProductOutOfStock {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 12px;
 color: #c76170;
 font-weight: bold;
}

SPAN.productSpecialPrice {
 font-family: Verdana, Arial, sans-serif;
 color: #ff0000;
}

SPAN.errorText {
 font-family: Verdana, Arial, sans-serif;
 color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

[SpottyNic]

I've found a patch -

 

Its a shame the the Dev. cant add this to the latest download of the contrib it would save problems for peeps like me that cant be botherd to read to the end of the page :blush:

 

 

BAD Spotty.......BAD Spotty....

 

 

I hope you enjoyed this post as much as me....

 

PS] link to the fix IE7 Fix