...

View Full Version : Table Not Within A Div



kinger251285
11-23-2011, 12:37 PM
Hi

I am developing a cart page (using zen cart). I dont beleive it to be a strict zen cart problem more of a css.

I have a table contained within a div however the table does not appear within the div its appearing as its own element outside of a div and i cannot figure out why.

Unfortunately i have no link due to working on the site on a local host.

Css:


/* CSS Document */
<style type="text/css">

.containerBox {
width : 972px;
height: 100%;
margin-left : auto;
margin-right : auto;
}

.headerBox {
margin-bottom : 0px;
width : 972px;
margin-left : auto;
margin-right : auto;
}

.footerBox {
margin-bottom : 1em;
width : 972px;
margin-left : auto;
margin-right : auto;
height : 50px;
position : relative;
}

.mainBodyBox {
margin-bottom : 1em;
width : 972px;
margin-left : auto;
margin-right : auto;
text-align : center;
font : 16px Arial;
font-weight : bold;
position : relative;
height : 100%;
}

.companyLogo {
margin-bottom : 1px;
float : left;
margin-left : 1px;
}

.companyPhone {
margin-bottom : 1px;
margin-top : 20px;
float : right;
}

.searchBox{
text-align : center;
margin-bottom : 1px;
margin-top : 20px;
}

.topNav {
margin-bottom : 1px;
}

.topNav ul {
padding : 3px 9px 2px 5px;
margin-left : 0;
margin-right : 0;
margin-top : 0;
margin-bottom : 40px;
font : 12px Arial;
list-style-type : none;
text-align : center;
border-bottom : 0 solid #929492;
}

.topNav li {
display : inline;
margin : 0;
}

.topNav li a {
text-decoration : none;
padding : 3px 9px 2px 5px;
margin : 0;
margin-right : 0;
border-left : 0 solid #ddd;
color : #0099ff;
font-size : 14px;
}

.navBar{
margin: 0 auto;
width : 980px;
}

.halfmoon {
}

.halfmoon ul {
padding : 0px 0px 0px 0px;
font : 14px Arial;
margin : 0;
margin-left : 0;
margin-right : 0;
list-style-type : none;
}

.halfmoon li {
display: inline-block;
margin: 0 4px 9px 0;
}

.halfmoon li a {
text-decoration : none;
padding : 3px 9px 2px 5px;
margin : 0;
margin-right : 0;
color : white;
font-size : 14px;
background : #492d67;
}
.halfmoon li a:visited {
color : white;
}
.halfmoon li a:hover {
background-color : #0099ff;
color : white;
}
#tabcontentcontainer {
text-align : center;
}
.tabcontent {
display : none;
}
.mapBox1 {
margin-bottom : 1em;
width : 640px;
height : 620px;
float : right;
}
.textBox1 {
margin-bottom : 1em;
width : 300px;
height : 620px;
float : left;
text-align : center;
display : inline;
overflow : auto;
}
.bottomNav {
margin-bottom : 1em;
border-top : 1px solid #ddd;
border-bottom : 1px solid #ddd;
}
.bottomNav ul {
padding : 3px 9px 2px 5px;
margin-left : 0;
margin-right : 0;
margin-top : 2px;
margin-bottom : 2px;
font : 12px Arial;
list-style-type : none;
text-align : center;
border-bottom : 0 solid #929492;
}

.bottomNav li {
display : inline;
margin : 0;
}

.bottomNav li a {
text-decoration : none;
padding : 3px 9px 2px 5px;
margin : 0;
margin-right : 0;
color : #0099ff;
font-size : 14px;
}

#bottomDisclaimer {
margin-bottom : 1em;
padding : 3px 9px 2px 5px;
margin-left : 0;
margin-right : 0;
margin-top : 0;
margin-bottom : 0;
font : 12px Arial;
list-style-type : none;
text-align : center;
border-bottom : 0 solid #929492;
}

#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
margin: auto;
}

#navColumnTwo{
float:right;
}

th.listingModel {}/*heading elements can be individually controlled like this*/
.productListing-rowheading th {} /*control all heading elements with this*/
.productListing-even td, .productListing-odd td {} /*control all listing elements with this*/
.listingModel {}
.listingName {}
h3.itemTitle {}
.listingDescription {}
.listingManufacturer {}
.listingPrice {float: left;} /*demo setup*/
.listingButtonGroup {float: right; width:50%; border-left: 1px solid #999999;} /*demo setup*/
.listingQuantity {text-align: right;}
.listingWeight {text-align: right;}
.listingImage {text-align: center;}
.listingProductImage {}

#navCategoryIcon, .buttonRow, #indexProductListCatDescription {
margin: 0.5em;
}

.clearBoth {
clear: both;
}

#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
text-decoration : none;
position: absolute;
top: 160px;
text-align: left;
}

.leftBoxHeading {
margin: 0em;
background-color:#492d67;
padding : 3px 9px 2px 5px;
text-align: center;
font : 14px Arial white;
color: white;
margin-top : 5px;
margin-bottom : 5px;
text-decoration : none;
font-weight:bold;
}

.rightBoxHeading {
text-decoration: none;
background-color:#492d67;
padding : 3px 9px 2px 5px;
text-align: center;
font : 14px Arial;
color: white;
margin-top : 5px;
margin-bottom : 5px;
font-weight:bold;
}

.sideBoxContent a:link {
text-decoration: none;
font : 13px Arial Bold;
color: #0099ff;
}

.sideBoxContent a:hover {
text-decoration: none;
font : 14px Arial;
}

.sideBoxContent a:visited {
text-decoration: none;
font : 13px Arial Bold;
color: #0099ff;
}

#navBreadCrumb {
width : 580px;
margin-left : auto;
margin-right : auto;
text-align: left;
font : 12px Arial Bold;
color: #492d67;
}

#contentBodyBox{
text-decoration: none;
width : 580px;
margin-left : auto;
margin-right : auto;
text-align: center;
font : 14px Arial Bold;
color: #492d67;
height: 100%;
}

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
text-align: center;
}

.centerBoxContentsNew, .centerBoxContentsFeatured, .centerBoxContentsSpecials {
width : 185px;
height : 165px;
}

#navCategoryIcon, .buttonRow, #indexProductListCatDescription {
margin: 0.5em;
}

.navSplitPagesResult {}

.navSplitPagesLinks {}

h1 {
font-size: 1.5em;
}

h1, h2, h3, h4, h5, h6, h7, h8 {
margin: 0.3em 3px;
}

h2{
text-decoration : none;
background-color:#492d67;
padding : 3px 9px 2px 5px;
text-align: center;
font : 18px Arial;
font-weight:bold;
color: white;
margin-top : 5px;
margin-bottom : 5px;
}

/*misc*/
.back {
float: left;
}

.forward, #shoppingCartDefault #PPECbutton {
float: right;
}

.bold {
font-weight: bold;
}

.rowOdd {
background-color: #E8E8E8;
height: 1.5em;
vertical-align: top;
}

.rowEven {
background-color: #F0F0F0;
height: 1.5em;
vertical-align: top;
}

.hiddenField {
display: none;
}
.visibleField {
display: inline;
}

CAPTION {
/*display: none;*/
}

#myAccountGen li, #myAccountNotify li {
margin: 0;
}

.accountTotalDisplay, .accountTaxDisplay {
width: 20%;
text-align: right;
/*vertical-align: top*/
}

.accountQuantityDisplay {
width: 10%;
vertical-align: top
}

TR.tableHeading {
background-color: #cacaca;
height: 2em;
}

#siteMapList {
width: 90%;
float: right;
}

.ratingRow {
margin: 1em 0em 1.5em 0em;
}

LABEL#textAreaReviews {
font-weight: normal;
margin: 1em 0em;
}

#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
background-color: #ffffff;
}
.information {
padding: 10px 3px; line-height: 150%;
}

`#shoppingcartBody, #shippingEstimatorContent {
clear: both;
}

`.seDisplayedAddressLabel {
background-color:#85C285;
text-align: center;
}

`.seDisplayedAddressInfo {
text-transform: uppercase;
text-align: center;
font-weight: bold;
}

`#seShipTo {
padding: 0.2em;
}

/*Image Display*/
`#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
margin: 0em 1em 1em 0em ;
}

`.categoryIcon {}

`#cartImage {
margin: 0.5em 1em;
}

/*Attributes*/
`.attribImg {
width: 20%;
margin: 0.3em 0em;
}

`.attributesComments {}

h3.itemTitle {
text-decoration: none;
}

img {border: none;
}

#shoppingcart ul li {
list-style-type: none;
}

.cartNewItem {
color: #0099ff;
position: relative; /*do not remove-fixes stupid IEbug*/
text-align:left;
}

#bestsellers .wrapper {
color : #0099ff;
text-align: left;
}

#bestsellers ol {
padding: 0;
}

#bestsellers li {
padding-top: 5px;
clear: both;
}

.bestsellers_thumbnail {
width: 26px;
padding-right: 4px;
float: left;
margin: 0px;
}

#manufacturersimgContent {float: left; width: 50px;}
.newline {clear: left;}

a:link {
color: #492d67;
text-decoration: none;
font : 14px Arial;
}

a:hover {
color: #CCBAE0;
text-decoration: none;
}

a:visited {
}

.productSpecialPrice, .productPriceDiscount, .productSpecialPriceSale, .productSpecialPrice, .productSalePrice {
color: #0099ff;
text-decoration: none;
font-weight : bold;
}

.normalprice{
color: #492d67;
text-decoration: none;
font-weight : bold;
}

#productWrapperBox{
width: 580px;
height: 100%;
border: solid;
border-width: 3px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}

#productTopWrapperBox{
width: 580px;
height: 350px;
border: solid;
border-width: 1px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-left: auto;
margin-right: auto;
}

#productImageBox{
width: 275px;
height: 275px;
float: left;
margin-top:5px;
margin-bottom:5px;
margin-right:5px;
margin-left:5px;
}

#productImage{
margin-top:auto;
margin-bottom:auto;
margin-right:auto;
margin-left:auto;
}

#productAdditionalImageBox{
width: 275px;
height: 50px;
float: left;
margin-top:5px;
margin-bottom:5px;
margin-right:5px;
margin-left:5px;
}

#productAdditionalButtons{
width: 275px;
height: 50px;
float: right;
border: solid;
border-width: 1px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-top:5px;
margin-bottom:5px;
margin-right:5px;
margin-left:5px;
}

#productTitleBox{
width: 275px;
height: 275px;
float: right;
margin-top:5px;
margin-bottom:5px;
margin-right:5px;
margin-left:5px;
}

#productTabWrapperBox{
width: 580px;
height: 300px;
margin-left: auto;
margin-right: auto;
}

h7{
color: #0099ff;
text-decoration: none;
font : 16px Arial;
font-weight : bold;
}

h8{
color: #492d67;
text-decoration: none;
font : 1.5em Arial;
font-weight : bold;
}

#cartBox{
width:250px;
height: 75px;
background-color:#CCBAE0;
border: solid;
border-width: 1px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-top:5px;
margin-bottom:5px;
margin-right:5px;
margin-left:10px;
}

#productTabBox{
width: 575px;
min-height: 350px;
margin-left: auto;
margin-right: auto;
margin-top:5px;
margin-bottom:5px;
margin-right:5px;
margin-left:5px;
}

#otherProductsBox{
width: 580px;
height: 200px;
border: solid;
border-width: 1px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-left: auto;
margin-right: auto;
}

.centerBoxContentsNew img {
margin-left: auto;
margin-right: auto;
}

#cartBoxListWrapper, .cartNewItem, .cartOldItem{
font : 12px Arial;
color: #0099ff;
text-align:left;
}

.cartBoxTotal{
font : 14px Arial;
color: #0099ff;
font-weight : bold;
text-align:right;
}

#shoppingCartDefault{
width: 580px;
height: 100%;
border: solid;
border-width: 3px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}

#cartButtonWrapperBox{
width: 580px;
height: 100%;
border: solid;
border-width: 3px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}

</style>

kinger251285
11-23-2011, 12:37 PM
Page for the cart:


<?php
/**
* Page Template
*
* Loaded automatically by index.php?main_page=shopping_cart.<br />
* Displays shopping-cart contents
*
* @package templateSystem
* @copyright Copyright 2003-2010 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_shopping_cart_default.php 15881 2010-04-11 16:32:39Z wilt $
*/
?>
<div class="centerColumn" id="shoppingCartDefault" >
<?php
if ($flagHasCartContents) {
?>

<?php
if ($_SESSION['cart']->count_contents() > 0) {
?>
<div class="forward"><?php echo TEXT_VISITORS_CART; ?></div>
<?php
}
?>

<h1 id="cartDefaultHeading"><?php echo HEADING_TITLE; ?></h1>

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

<?php echo zen_draw_form('cart_quantity', zen_href_link(FILENAME_SHOPPING_CART, 'action=update_product', $request_type)); ?>
<div id="cartInstructionsDisplay" class="content"><?php echo TEXT_INFORMATION; ?></div>

<?php if (!empty($totalsDisplay)) { ?>
<div class="cartTotalsDisplay important"><?php echo $totalsDisplay; ?></div>
<br class="clearBoth" />
<?php } ?>

<?php if ($flagAnyOutOfStock) { ?>

<?php if (STOCK_ALLOW_CHECKOUT == 'true') { ?>

<div class="messageStackError"><?php echo OUT_OF_STOCK_CAN_CHECKOUT; ?></div>

<?php } else { ?>
<div class="messageStackError"><?php echo OUT_OF_STOCK_CANT_CHECKOUT; ?></div>

<?php } //endif STOCK_ALLOW_CHECKOUT ?>
<?php } //endif flagAnyOutOfStock ?>


<table border="0" width="580px" cellspacing="0" cellpadding="0" id="cartContentsDisplay">
<tr class="tableHeading">
<th scope="col" id="scQuantityHeading">Qty.</th>
<th scope="col" id="scUpdateQuantity">&nbsp;</th>
<th scope="col" id="scProductsHeading">Item Name</th>
<th scope="col" id="scUnitHeading">Price</th>
<th scope="col" id="scTotalHeading">Total</th>
<th scope="col" id="scRemoveHeading">&nbsp;</th>
</tr>

<!-- Loop through all products /-->
<?php
foreach ($productArray as $product) {
?>
<tr class="<?php echo $product['rowClass']; ?>">
<td class="cartQuantity">
<?php
if ($product['flagShowFixedQuantity']) {
echo $product['showFixedQuantityAmount'] . '<br /><span class="alert bold">' . $product['flagStockCheck'] . '</span><br /><br />' . $product['showMinUnits'];
} else {
echo $product['quantityField'] . '<br /><span class="alert bold">' . $product['flagStockCheck'] . '</span><br /><br />' . $product['showMinUnits'];
}
?>
</td>
<td class="cartQuantityUpdate">
<?php
if ($product['buttonUpdate'] == '') {
echo '' ;
} else {
echo $product['buttonUpdate'];
}
?>
</td>
<td class="cartProductDisplay">
<a href="<?php echo $product['../../template_default/templates/linkProductsName']; ?>"><span id="cartImage" class="back"><?php echo $product['productsImage']; ?></span><span id="cartProdTitle"><?php echo $product['productsName'] . '<span class="alert bold">' . $product['flagStockCheck'] . '</span>'; ?></span></a>
<br class="clearBoth" />


<?php
echo $product['attributeHiddenField'];
if (isset($product['attributes']) && is_array($product['attributes'])) {
echo '<div class="cartAttribsList">';
echo '<ul>';
reset($product['attributes']);
foreach ($product['attributes'] as $option => $value) {
?>

<li><?php echo $value['products_options_name'] . TEXT_OPTION_DIVIDER . nl2br($value['products_options_values_name']); ?></li>

<?php
}
echo '</ul>';
echo '</div>';
}
?>
</td>
<td class="cartUnitDisplay"><?php echo $product['productsPriceEach']; ?></td>
<td class="cartTotalDisplay"><?php echo $product['productsPrice']; ?></td>
<td class="cartRemoveItemDisplay">
<?php
if ($product['buttonDelete']) {
?>
<a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, 'action=remove_product&product_id=' . $product['id']); ?>"><?php echo zen_image($template->get_template_dir(ICON_IMAGE_TRASH, DIR_WS_TEMPLATE, $current_page_base,'images/icons'). '/' . ICON_IMAGE_TRASH, ICON_TRASH_ALT); ?></a>
<?php
}
if ($product['checkBoxDelete'] ) {
echo zen_draw_checkbox_field('cart_delete[]', $product['id']);
}
?>
</td>
</tr>
<?php
} // end foreach ($productArray as $product)
?>
<!-- Finished loop through all products /-->
</table>

<div id="cartSubTotal"><?php echo SUB_TITLE_SUB_TOTAL; ?> <?php echo $cartShowTotal; ?></div>
<br class="clearBoth" />

<div id="cartButtonWrapperBox">
<!--bof shopping cart buttons-->
<div class="buttonRow forward"><?php echo '<a href="' . zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL') . '">' . zen_image_button(BUTTON_IMAGE_CHECKOUT, BUTTON_CHECKOUT_ALT) . '</a>'; ?></div>
<div class="buttonRow back"><?php echo zen_back_link() . zen_image_button(BUTTON_IMAGE_CONTINUE_SHOPPING, BUTTON_CONTINUE_SHOPPING_ALT) . '</a>'; ?></div>

<?php
// show update cart button
if (SHOW_SHOPPING_CART_UPDATE == 2 or SHOW_SHOPPING_CART_UPDATE == 3) {
?>
<div class="buttonRow back"><?php echo zen_image_submit(ICON_IMAGE_UPDATE, ICON_UPDATE_ALT); ?></div>
<?php
} else { // don't show update button below cart
?>
<?php
} // show update button
?>
<!--eof shopping cart buttons-->
</form>

<?php
if (SHOW_SHIPPING_ESTIMATOR_BUTTON == '1') {
?>

<div class="buttonRow back"><?php echo '<a href="javascript:popupWindow(\'' . zen_href_link(FILENAME_POPUP_SHIPPING_ESTIMATOR) . '\')">' .
zen_image_button(BUTTON_IMAGE_SHIPPING_ESTIMATOR, BUTTON_SHIPPING_ESTIMATOR_ALT) . '</a>'; ?></div>
<?php
}
?>
<br class="clearBoth" />

<!-- ** BEGIN PAYPAL EXPRESS CHECKOUT ** -->
<?php // the tpl_ec_button template only displays EC option if cart contents >0 and value >0
if (defined('MODULE_PAYMENT_PAYPALWPP_STATUS') && MODULE_PAYMENT_PAYPALWPP_STATUS == 'True') {
include(DIR_FS_CATALOG . DIR_WS_MODULES . 'payment/paypal/tpl_ec_button.php');
}
?>
<!-- ** END PAYPAL EXPRESS CHECKOUT ** -->

<?php
if (SHOW_SHIPPING_ESTIMATOR_BUTTON == '2') {
/**
* load the shipping estimator code if needed
*/
?>
<?php require(DIR_WS_MODULES . zen_get_module_directory('shipping_estimator.php')); ?>

<?php
}
?>
<?php
} else {
?>

<h2 id="cartEmptyText"><?php echo TEXT_CART_EMPTY; ?></h2>

<?php
$show_display_shopping_cart_empty = $db->Execute(SQL_SHOW_SHOPPING_CART_EMPTY);

while (!$show_display_shopping_cart_empty->EOF) {
?>

<?php
if ($show_display_shopping_cart_empty->fields['configuration_key'] == 'SHOW_SHOPPING_CART_EMPTY_FEATURED_PRODUCTS') { ?>
<?php
/**
* display the Featured Products Center Box
*/
?>
<?php require($template->get_template_dir('tpl_modules_featured_products.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_featured_products.php'); ?>
<?php } ?>

<?php
if ($show_display_shopping_cart_empty->fields['configuration_key'] == 'SHOW_SHOPPING_CART_EMPTY_SPECIALS_PRODUCTS') { ?>
<?php
/**
* display the Special Products Center Box
*/
?>
<?php require($template->get_template_dir('tpl_modules_specials_default.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_specials_default.php'); ?>
<?php } ?>

<?php
if ($show_display_shopping_cart_empty->fields['configuration_key'] == 'SHOW_SHOPPING_CART_EMPTY_NEW_PRODUCTS') { ?>
<?php
/**
* display the New Products Center Box
*/
?>
<?php require($template->get_template_dir('tpl_modules_whats_new.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_whats_new.php'); ?>
<?php } ?>

<?php
if ($show_display_shopping_cart_empty->fields['configuration_key'] == 'SHOW_SHOPPING_CART_EMPTY_UPCOMING') {
include(DIR_WS_MODULES . zen_get_module_directory(FILENAME_UPCOMING_PRODUCTS));
}
?>
<?php
$show_display_shopping_cart_empty->MoveNext();
} // !EOF
?>
<?php
}
?>
</div>
</div>

kinger251285
11-23-2011, 12:38 PM
The section of code causing the problem:


<table border="0" width="580px" cellspacing="0" cellpadding="0" id="cartContentsDisplay">
<tr class="tableHeading">
<th scope="col" id="scQuantityHeading">Qty.</th>
<th scope="col" id="scUpdateQuantity">&nbsp;</th>
<th scope="col" id="scProductsHeading">Item Name</th>
<th scope="col" id="scUnitHeading">Price</th>
<th scope="col" id="scTotalHeading">Total</th>
<th scope="col" id="scRemoveHeading">&nbsp;</th>
</tr>

<!-- Loop through all products /-->
<?php
foreach ($productArray as $product) {
?>
<tr class="<?php echo $product['rowClass']; ?>">
<td class="cartQuantity">
<?php
if ($product['flagShowFixedQuantity']) {
echo $product['showFixedQuantityAmount'] . '<br /><span class="alert bold">' . $product['flagStockCheck'] . '</span><br /><br />' . $product['showMinUnits'];
} else {
echo $product['quantityField'] . '<br /><span class="alert bold">' . $product['flagStockCheck'] . '</span><br /><br />' . $product['showMinUnits'];
}
?>
</td>
<td class="cartQuantityUpdate">
<?php
if ($product['buttonUpdate'] == '') {
echo '' ;
} else {
echo $product['buttonUpdate'];
}
?>
</td>
<td class="cartProductDisplay">
<a href="<?php echo $product['../../template_default/templates/linkProductsName']; ?>"><span id="cartImage" class="back"><?php echo $product['productsImage']; ?></span><span id="cartProdTitle"><?php echo $product['productsName'] . '<span class="alert bold">' . $product['flagStockCheck'] . '</span>'; ?></span></a>
<br class="clearBoth" />


<?php
echo $product['attributeHiddenField'];
if (isset($product['attributes']) && is_array($product['attributes'])) {
echo '<div class="cartAttribsList">';
echo '<ul>';
reset($product['attributes']);
foreach ($product['attributes'] as $option => $value) {
?>

<li><?php echo $value['products_options_name'] . TEXT_OPTION_DIVIDER . nl2br($value['products_options_values_name']); ?></li>

<?php
}
echo '</ul>';
echo '</div>';
}
?>
</td>
<td class="cartUnitDisplay"><?php echo $product['productsPriceEach']; ?></td>
<td class="cartTotalDisplay"><?php echo $product['productsPrice']; ?></td>
<td class="cartRemoveItemDisplay">
<?php
if ($product['buttonDelete']) {
?>
<a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, 'action=remove_product&product_id=' . $product['id']); ?>"><?php echo zen_image($template->get_template_dir(ICON_IMAGE_TRASH, DIR_WS_TEMPLATE, $current_page_base,'images/icons'). '/' . ICON_IMAGE_TRASH, ICON_TRASH_ALT); ?></a>
<?php
}
if ($product['checkBoxDelete'] ) {
echo zen_draw_checkbox_field('cart_delete[]', $product['id']);
}
?>
</td>
</tr>
<?php
} // end foreach ($productArray as $product)
?>

If i remove this then the page layout acts as it should.

resdog
11-23-2011, 02:42 PM
First, if you think that that code is what's causing the problem, delete all of the php code form that section so that you only have html:



<table border="0" width="580px" cellspacing="0" cellpadding="0" id="cartContentsDisplay">
<tr class="tableHeading">
<th scope="col" id="scQuantityHeading">Qty.</th>
<th scope="col" id="scUpdateQuantity">&nbsp;</th>
<th scope="col" id="scProductsHeading">Item Name</th>
<th scope="col" id="scUnitHeading">Price</th>
<th scope="col" id="scTotalHeading">Total</th>
<th scope="col" id="scRemoveHeading">&nbsp;</th>
</tr>
</table>


See if that shows up correctly.

Secondly, what div is this table supposed to be inside of? #centerColumn? If so, are the other elements inside of #centerColumn?

kinger251285
11-23-2011, 03:01 PM
First, if you think that that code is what's causing the problem, delete all of the php code form that section so that you only have html:



<table border="0" width="580px" cellspacing="0" cellpadding="0" id="cartContentsDisplay">
<tr class="tableHeading">
<th scope="col" id="scQuantityHeading">Qty.</th>
<th scope="col" id="scUpdateQuantity">&nbsp;</th>
<th scope="col" id="scProductsHeading">Item Name</th>
<th scope="col" id="scUnitHeading">Price</th>
<th scope="col" id="scTotalHeading">Total</th>
<th scope="col" id="scRemoveHeading">&nbsp;</th>
</tr>
</table>


See if that shows up correctly.

Secondly, what div is this table supposed to be inside of? #centerColumn? If so, are the other elements inside of #centerColumn?


Hi

Tried your suggestion but no success. Deleted all the php and the table still showed just with no content in it.

Yes it is supposed to be enclosed within centreColumn.

I have tried creating a new div especially for the table however it still wont stay within a div. It appears as though the table refuses to be inside a div.

I have borders around the div. These stop when it reaches the table section. However when i remove the table section the whole page is bordered as it should be.

Its almost as if there is a div close tag as the table starts however i cannot see anything of the sort.

kinger251285
11-23-2011, 03:04 PM
I have also just removed all the table elements from that section of code. The content displays and the layout displays correctly.

kinger251285
11-23-2011, 03:13 PM
I have also just removed all the table elements from that section of code. The content displays and the layout displays correctly.

However still require the layout the table provides.

resdog
11-23-2011, 03:53 PM
OK, so we see what the code is on the backend. Can you provide what the code is rendering as? Without the PHP tags? That may give us a clue as to what is happening.

alykins
11-23-2011, 03:56 PM
Hi

Tried your suggestion but no success. Deleted all the php and the table still showed just with no content in it.

Yes it is supposed to be enclosed within centreColumn.

I have tried creating a new div especially for the table however it still wont stay within a div. It appears as though the table refuses to be inside a div.

I have borders around the div. These stop when it reaches the table section. However when i remove the table section the whole page is bordered as it should be.

Its almost as if there is a div close tag as the table starts however i cannot see anything of the sort.




Unfortunately i have no link due to working on the site on a local host.


so now we know it is an html issue. Since we cannot see it, can you SS what it looks like, and also post what it "should" look like... also as resdog said, can you post just the html so we know what we are looking at

kinger251285
11-23-2011, 04:08 PM
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en">

<head>

<title>Shopping Cart : Zen Cart!, The Art of E-commerce</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<meta name="keywords" content="Hardware Software DVD Movies Gift Certificates Big Linked Test Examples Free Call Stuff Test 10% by Attrib Test 10% A Top Level Cat Sale Percentage Sale Deduction Sale New Price Big Unlinked New v1.2 Music Documents Mixed Product Types ecommerce, open source, shop, online shopping Shopping Cart" />

<meta name="description" content="Zen Cart! : Shopping Cart - Hardware Software DVD Movies Gift Certificates Big Linked Test Examples Free Call Stuff Test 10% by Attrib Test 10% A Top Level Cat Sale Percentage Sale Deduction Sale New Price Big Unlinked New v1.2 Music Documents Mixed Product Types ecommerce, open source, shop, online shopping" />

<meta http-equiv="imagetoolbar" content="no" />

<meta name="author" content="The Zen Cart&trade; Team and others" />

<meta name="generator" content="shopping cart program by Zen Cart&trade;, http://www.zen-cart.com eCommerce" />



<base href="http://localhost/zen-cart/" />

<link rel="canonical" href="http://localhost/zen-cart/index.php?main_page=shopping_cart" />



<link rel="stylesheet" type="text/css" href="includes/templates/StavertonElectrical/css/stylesheet.css" />
<link rel="stylesheet" type="text/css" href="includes/templates/StavertonElectrical/css/stylesheet_css_buttons.css" />
<link rel="stylesheet" type="text/css" media="print" href="includes/templates/StavertonElectrical/css/print_stylesheet.css" />
<script language="javascript" src="includes/general.js" type="text/javascript"></script>

<script language="javascript" type="text/javascript"><!--

function popupWindow(url) {

window.open(url,'popupWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars =yes,resizable=yes,copyhistory=no,width=550,height=550,screenX=150,screenY=100,top=100,left=150')

}

//--></script>

<script language="javascript" type="text/javascript"><!--

function session_win() {

window.open("http://localhost/zen-cart/index.php?main_page=info_shopping_cart","info_shopping_cart","height=460,width=430,toolbar=no,statusbar=no,scrollbars=yes").focus();

}

//--></script>
</head>



<div class="mainBodyBox">

<body id="shoppingcartBody">



<div class="mainBodyBox">



<div class="containerBox">

<div class="headerBox">



<div class="companyLogo">

<a href="http://www.stavertonelectrical.co.uk"><IMG src="http://www.clarksonevans.co.uk/ebay/Photos/Company%20logos/CE%20staveton%20supplies%20PUR%20BL%20small.jpg" alt="Staverton Electrical Supplies Ltd" width=185 height=100 border="0"></a>

</div>



<div class="companyPhone">

<a href="http://www.clarksonevans.co.uk/StavTest/ContactUs.htm"><IMG src="http://www.clarksonevans.co.uk/ebay/EbayHTMLTemplate/Customer%20Services.jpg" alt="Customer Services Telephone Number" width=150 height=50 border="0"></a>

</div>



<div class="topNav">

<ul>

<li><div id="navEZPagesTop">

<a href="http://localhost/zen-cart/index.php">Home</a>&nbsp;::&nbsp;
<a href="http://localhost/zen-cart/index.php?main_page=account">My Account</a>&nbsp;::&nbsp;
<a href="http://localhost/zen-cart/?main_page=login">Log In</a>
</div>

</li>

</ul>

</div>



<div class="searchBox">

<form name="quick_find_header" action="http://localhost/zen-cart/index.php?main_page=advanced_search_result" method="get"><input type="hidden" name="main_page" value="advanced_search_result" /><input type="hidden" name="search_in_description" value="1" /><input type="text" name="keyword" size="6" maxlength="30" style="width: 100px" value="Enter search keywords here" onfocus="if (this.value == 'Enter search keywords here') this.value = '';" onblur="if (this.value == '') this.value = 'Enter search keywords here';" />&nbsp;<input type="submit" value="Search" style="width: 75px; BACKGROUND-COLOR: #492d67; COLOR: white; FONT-WEIGHT: bold" /></form> <br>

</div>



<div class="navBar">

<div class="halfmoon">

<ul>

<li><div id="navCatTabsWrapper">

<div id="navCatTabs">

<ul>

<li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=1">Hardware</a> </li>

<li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=2">Software</a> </li>

<li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=3">DVD Movies</a> </li>

<li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=21">Gift Certificates</a> </li>

<li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=22">Big Linked</a> </li>

<li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=23">Test Examples</a> </li>

<li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=28">Test 10%</a> </li>

<li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=25">Test 10% by Attrib</a> </li>

<li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=24">Free Call Stuff</a> </li>

<li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=33">A Top Level Cat</a> </li>

<li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=48">Sale Percentage</a> </li>

<li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=49">Sale Deduction</a> </li>

<li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=50">Sale New Price</a> </li>

<li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=53">Big Unlinked</a> </li>

<li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=54">New v1.2</a> </li>

<li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=62">Music</a> </li>

<li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=63">Documents</a> </li>

<li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=64">Mixed Product Types</a> </li>

</ul>

</div>

</div>

</li>

</ul>

</div>

</div>





<table width="100%" border="0" cellspacing="0" cellpadding="0" id="contentMainWrapper">

<tr>



<td id="navColumnOne" class="columnLeft" style="width: 150px">

<div id="navColumnOneWrapper" style="width: 150px"><!--// bof: categories //-->

<div class="leftBoxContainer" id="categories" style="width: 150px">

<h3 class="leftBoxHeading" id="categoriesHeading">Categories</h3>

<div id="categoriesContent" class="sideBoxContent">
<a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=1">Hardware-&gt;</a>&nbsp;(6)<br />
<a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=2">Software-&gt;</a>&nbsp;(4)<br />
<a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=3">DVD Movies-&gt;</a>&nbsp;(17)<br />
<a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=21">Gift Certificates</a>&nbsp;(6)<br />
<a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=22">Big Linked</a>&nbsp;(24)<br />
<a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=23">Test Examples</a>&nbsp;(16)<br />
<a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=28">Test 10%</a>&nbsp;(7)<br />
<a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=25">Test 10% by Attrib</a>&nbsp;(3)<br />
<a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=24">Free Call Stuff</a>&nbsp;(7)<br />
<a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=33">A Top Level Cat-&gt;</a><br />
<a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=48">Sale Percentage-&gt;</a>&nbsp;(7)<br />
<a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=49">Sale Deduction-&gt;</a>&nbsp;(4)<br />
<a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=50">Sale New Price-&gt;</a>&nbsp;(4)<br />
<a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=53">Big Unlinked</a>&nbsp;(12)<br />
<a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=54">New v1.2-&gt;</a>&nbsp;(20)<br />
<a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=62">Music</a>&nbsp;(1)<br />
<a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=64">Mixed Product Types</a>&nbsp;(5)<br />
<hr id="catBoxDivider" />
<a class="category-links" href="http://localhost/zen-cart/index.php?main_page=specials">Specials ...</a><br />
<a class="category-links" href="http://localhost/zen-cart/index.php?main_page=products_new">New Products ...</a><br />
<a class="category-links" href="http://localhost/zen-cart/index.php?main_page=featured_products">Featured Products ...</a><br />
<a class="category-links" href="http://localhost/zen-cart/index.php?main_page=products_all">All Products ...</a>
</div></div>

<!--// eof: categories //-->







<!--// bof: manufacturersimg //-->

<div class="leftBoxContainer" id="manufacturersimg" style="width: 150px">

<h3 class="leftBoxHeading" id="manufacturersimgHeading"><label>Manufacturers</label></h3>

<div id="manufacturersimgContent" class="sideBoxContent centeredContent"><div class="newline"><a href="http://localhost/zen-cart/index.php?main_page=index&amp;manufacturers_id=5"><img src="images/manufacturers/manufacturer_logitech.gif" alt="Logitech" title=" Logitech " width="25" height="14" /></a></div><div><a href="http://localhost/zen-cart/index.php?main_page=index&amp;manufacturers_id=9"><img src="images/manufacturers/manufacturer_hewlett_packard.gif" alt="Hewlett Packard" title=" Hewlett Packard " width="25" height="14" /></a></div><div class="newline"><a href="http://localhost/zen-cart/index.php?main_page=index&amp;manufacturers_id=3"><img src="images/manufacturers/manufacturer_warner.gif" alt="Warner" title=" Warner " width="25" height="14" /></a></div><div><a href="http://localhost/zen-cart/index.php?main_page=index&amp;manufacturers_id=6"><img src="images/manufacturers/manufacturer_canon.gif" alt="Canon" title=" Canon " width="25" height="14" /></a></div><div class="newline"><a href="http://localhost/zen-cart/index.php?main_page=index&amp;manufacturers_id=7"><img src="images/manufacturers/manufacturer_sierra.gif" alt="Sierra" title=" Sierra " width="25" height="14" /></a></div><div><a href="http://localhost/zen-cart/index.php?main_page=index&amp;manufacturers_id=8"><img src="images/manufacturers/manufacturer_gt_interactive.gif" alt="GT Interactive" title=" GT Interactive " width="25" height="14" /></a></div><div class="newline"><a href="http://localhost/zen-cart/index.php?main_page=index&amp;manufacturers_id=1"><img src="images/manufacturers/manufacturer_matrox.gif" alt="Matrox" title=" Matrox " width="25" height="14" /></a></div><div><a href="http://localhost/zen-cart/index.php?main_page=index&amp;manufacturers_id=4"><img src="images/manufacturers/manufacturer_fox.gif" alt="Fox" title=" Fox " width="25" height="14" /></a></div></div></div>

<!--// eof: manufacturersimg //-->



</div></td>

<!-- bof breadcrumb -->







<div id="navBreadCrumb"> <a href="http://localhost/zen-cart/">Home</a>&nbsp;>&nbsp;
Shopping Cart
</div>

<!-- eof breadcrumb -->



<!-- bof upload alerts -->

<!-- eof upload alerts -->



<div id="contentBodyBox"><div class="centerColumn" id="shoppingCartDefault" >



<h2 id="cartEmptyText">Your Shopping Cart is empty.</h2>











<!-- bof: whats_new -->

<div class="centerBoxWrapper" id="whatsNew">

<h2 class="centerBoxHeading">New Products For November</h2>

<div class="centerBoxContentsNew centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=1_4&amp;products_id=2"><img src="images/matrox/mg400-32mb.gif" alt="Matrox G400 32MB" title=" Matrox G400 32MB " width="100" height="80" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=1_4&amp;products_id=2">Matrox G400 32MB</a><br />&pound;499.99</div>
<div class="centerBoxContentsNew centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=1_9&amp;products_id=3"><img src="images/microsoft/msimpro.gif" alt="Microsoft IntelliMouse Pro" title=" Microsoft IntelliMouse Pro " width="100" height="80" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=1_9&amp;products_id=3">Microsoft IntelliMouse Pro</a><br /><span class="normalprice">&pound;49.99 </span>&nbsp;<span class="productSpecialPrice">&pound;39.99</span><span class="productPriceDiscount"><br />Save:&nbsp;20% off</span></div>
<div class="centerBoxContentsNew centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=3_10&amp;products_id=4"><img src="images/dvd/replacement_killers.gif" alt="The Replacement Killers" title=" The Replacement Killers " width="100" height="80" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=3_10&amp;products_id=4">The Replacement Killers</a><br />&pound;42.00</div>
<br class="clearBoth" />



<div class="centerBoxContentsNew centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=3_11&amp;products_id=5"><img src="images/dvd/blade_runner.gif" alt="Blade Runner - Director's Cut Linked" title=" Blade Runner - Director's Cut Linked " width="100" height="80" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=3_11&amp;products_id=5">Blade Runner - Director's Cut Linked</a><br /><span class="normalprice">&pound;35.99 </span>&nbsp;<span class="productSpecialPrice">&pound;30.00</span><span class="productPriceDiscount"><br />Save:&nbsp;17% off</span></div>
<div class="centerBoxContentsNew centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=3_10&amp;products_id=6"><img src="images/dvd/the_matrix.gif" alt="The Matrix Linked" title=" The Matrix Linked " width="100" height="80" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=3_10&amp;products_id=6">The Matrix Linked</a><br /><span class="normalprice">&pound;39.99 </span>&nbsp;<span class="productSpecialPrice">&pound;30.00</span><span class="productPriceDiscount"><br />Save:&nbsp;25% off</span></div>
<div class="centerBoxContentsNew centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=3_12&amp;products_id=7"><img src="images/dvd/youve_got_mail.gif" alt="You've Got Mail Linked" title=" You've Got Mail Linked " width="100" height="80" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=3_12&amp;products_id=7">You've Got Mail Linked</a><br />&pound;34.99</div>
<br class="clearBoth" />



<div class="centerBoxContentsNew centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=3_13&amp;products_id=8"><img src="images/dvd/a_bugs_life.gif" alt="A Bug's Life Linked" title=" A Bug's Life Linked " width="100" height="80" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=3_13&amp;products_id=8">A Bug's Life Linked</a><br />&pound;35.99</div>
<div class="centerBoxContentsNew centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=3_10&amp;products_id=9"><img src="images/dvd/under_siege.gif" alt="Under Siege Linked" title=" Under Siege Linked " width="100" height="80" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=3_10&amp;products_id=9">Under Siege Linked</a><br />&pound;29.99</div>
<div class="centerBoxContentsNew centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=3_10&amp;products_id=10"><img src="images/dvd/under_siege2.gif" alt="Under Siege 2 - Dark Territory" title=" Under Siege 2 - Dark Territory " width="100" height="80" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=3_10&amp;products_id=10">Under Siege 2 - Dark Territory</a><br />&pound;29.99</div>
<br class="clearBoth" />



</div>

<!-- eof: whats_new -->


1st Half

kinger251285
11-23-2011, 04:09 PM
<!-- bof: featured products -->

<div class="centerBoxWrapper" id="featuredProducts">

<h2 class="centerBoxHeading">Featured Products</h2>

<div class="centerBoxContentsFeatured centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=22&amp;products_id=34"><img src="images/dvd/a_bugs_life.gif" alt="A Bug's Life &quot;Multi Pak&quot; Special 2003 Collectors Edition" title=" A Bug's Life &quot;Multi Pak&quot; Special 2003 Collectors Edition " width="100" height="80" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=22&amp;products_id=34">A Bug's Life "Multi Pak" Special 2003 Collectors Edition</a><br />&pound;35.99</div>
<div class="centerBoxContentsFeatured centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=3_10&amp;products_id=12"><img src="images/dvd/die_hard_3.gif" alt="Die Hard With A Vengeance Linked" title=" Die Hard With A Vengeance Linked " width="100" height="80" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=3_10&amp;products_id=12">Die Hard With A Vengeance Linked</a><br />&pound;39.99</div>
<div class="centerBoxContentsFeatured centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=1_5&amp;products_id=27"><img src="images/hewlett_packard/lj1100xi.gif" alt="Hewlett Packard LaserJet 1100Xi Linked" title=" Hewlett Packard LaserJet 1100Xi Linked " width="100" height="80" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=1_5&amp;products_id=27">Hewlett Packard LaserJet 1100Xi Linked</a><br />&pound;499.99</div>
<br class="clearBoth" />



<div class="centerBoxContentsFeatured centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=1_9&amp;products_id=26"><img src="images/microsoft/imexplorer.gif" alt="Microsoft IntelliMouse Explorer" title=" Microsoft IntelliMouse Explorer " width="100" height="80" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=1_9&amp;products_id=26">Microsoft IntelliMouse Explorer</a><br />&pound;64.95</div>
<div class="centerBoxContentsFeatured centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=24&amp;products_id=40"><img src="images/call_for_price.jpg" alt="A Call for Price Product" title=" A Call for Price Product " width="100" height="80" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=24&amp;products_id=40">A Call for Price Product</a><br /><span class="normalprice">&pound;100.00 </span>&nbsp;<span class="productSpecialPrice">&pound;75.00</span><span class="productPriceDiscount"><br />Save:&nbsp;25% off</span><br /><img src="includes/templates/StavertonElectrical/images/call_for_prices.jpg" alt="Call for Price" title=" Call for Price " width="78" height="20" /></div>
<div class="centerBoxContentsFeatured centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=document_product_info&amp;cPath=64&amp;products_id=171"><img src="images/samples/4_small.jpg" alt="Sample of Document Product Type" title=" Sample of Document Product Type " width="100" height="80" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=document_product_info&amp;cPath=64&amp;products_id=171">Sample of Document Product Type</a><br />&pound;3.95</div>
<br class="clearBoth" />



<div class="centerBoxContentsFeatured centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_free_shipping_info&amp;cPath=64&amp;products_id=172"><img src="images/samples/5_small.jpg" alt="Sample of Product Free Shipping Type" title=" Sample of Product Free Shipping Type " width="100" height="80" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_free_shipping_info&amp;cPath=64&amp;products_id=172">Sample of Product Free Shipping Type</a><br />&pound;3.95</div>
<div class="centerBoxContentsFeatured centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=64&amp;products_id=168"><img src="images/samples/1_small.jpg" alt="Sample of Product General Type" title=" Sample of Product General Type " width="100" height="80" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=64&amp;products_id=168">Sample of Product General Type</a><br />&pound;3.95</div>
<div class="centerBoxContentsFeatured centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_music_info&amp;cPath=64&amp;products_id=169"><img src="images/samples/2_small.jpg" alt="Sample of Product Music Type" title=" Sample of Product Music Type " width="100" height="80" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_music_info&amp;cPath=64&amp;products_id=169">Sample of Product Music Type</a><br />&pound;3.95</div>
<br class="clearBoth" />



</div>

<!-- eof: featured products -->













<!-- bof: specials -->

<div class="centerBoxWrapper" id="specialsDefault">

<h2 class="centerBoxHeading">Monthly Specials For November</h2>

<div class="centerBoxContentsSpecials centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=23&amp;products_id=85"><img src="images/test_demo.jpg" alt="TEST $120 Special $90" title=" TEST $120 Special $90 " width="30" height="30" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=23&amp;products_id=85">TEST $120 Special $90</a><br /><span class="normalprice">&pound;120.00 </span>&nbsp;<span class="productSpecialPrice">&pound;90.00</span><span class="productPriceDiscount"><br />Save:&nbsp;25% off</span></div>
<div class="centerBoxContentsSpecials centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=49_27&amp;products_id=83"><img src="images/test_demo.jpg" alt="TEST $120 Special $90.00 Sale -$5.00" title=" TEST $120 Special $90.00 Sale -$5.00 " width="30" height="30" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=49_27&amp;products_id=83">TEST $120 Special $90.00 Sale -$5.00</a><br /><span class="normalprice">&pound;120.00 </span>&nbsp;<span class="productSpecialPriceSale">&pound;90.00</span><br /><span class="productSalePrice">Sale:&nbsp;&pound;85.00</span><span class="productPriceDiscount"><br />Save:&nbsp;29% off</span></div>
<div class="centerBoxContentsSpecials centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=48_31&amp;products_id=88"><img src="images/test_demo.jpg" alt="TEST $120 Sale Special $90 Skip" title=" TEST $120 Sale Special $90 Skip " width="30" height="30" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=48_31&amp;products_id=88">TEST $120 Sale Special $90 Skip</a><br /><span class="normalprice">&pound;120.00 </span>&nbsp;<span class="productSpecialPrice">&pound;90.00</span><span class="productPriceDiscount"><br />Save:&nbsp;25% off</span></div>
<br class="clearBoth" />



<div class="centerBoxContentsSpecials centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=48_45&amp;products_id=90"><img src="images/test_demo.jpg" alt="TEST $120 Sale 10% Special" title=" TEST $120 Sale 10% Special " width="30" height="30" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=48_45&amp;products_id=90">TEST $120 Sale 10% Special</a><br /><span class="normalprice">&pound;120.00 </span>&nbsp;<span class="productSpecialPrice">&pound;90.00</span><span class="productPriceDiscount"><br />Save:&nbsp;25% off</span></div>
<div class="centerBoxContentsSpecials centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=50_46&amp;products_id=94"><img src="images/test_demo.jpg" alt="TEST $120 Special 25% Sale New Price $100" title=" TEST $120 Special 25% Sale New Price $100 " width="30" height="30" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=50_46&amp;products_id=94">TEST $120 Special 25% Sale New Price $100</a><br /><span class="normalprice">&pound;120.00 </span>&nbsp;<span class="productSpecialPriceSale">&pound;90.00</span><br /><span class="productSalePrice">Sale:&nbsp;&pound;100.00</span><span class="productPriceDiscount"><br />Save:&nbsp;17% off</span></div>
<div class="centerBoxContentsSpecials centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=48_32&amp;products_id=97"><img src="images/test_demo.jpg" alt="TEST $120 Sale 10% Special - Apply to price" title=" TEST $120 Sale 10% Special - Apply to price " width="30" height="30" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=48_32&amp;products_id=97">TEST $120 Sale 10% Special - Apply to price</a><br /><span class="normalprice">&pound;120.00 </span>&nbsp;<span class="productSpecialPriceSale">&pound;90.00</span><br /><span class="productSalePrice">Sale:&nbsp;&pound;108.00</span><span class="productPriceDiscount"><br />Save:&nbsp;10% off</span></div>
<br class="clearBoth" />



<div class="centerBoxContentsSpecials centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=50_51&amp;products_id=95"><img src="images/test_demo.jpg" alt="TEST $120 Special 25% Sale New Price $100 Skip Specials" title=" TEST $120 Special 25% Sale New Price $100 Skip Specials " width="30" height="30" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=50_51&amp;products_id=95">TEST $120 Special 25% Sale New Price $100 Skip Specials</a><br /><span class="normalprice">&pound;120.00 </span>&nbsp;<span class="productSpecialPrice">&pound;90.00</span><span class="productPriceDiscount"><br />Save:&nbsp;25% off</span></div>
<div class="centerBoxContentsSpecials centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=54_55&amp;products_id=130"><img src="images/2_small.jpg" alt="Special Product" title=" Special Product " width="38" height="30" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=54_55&amp;products_id=130">Special Product</a><br /><span class="normalprice">&pound;15.00 </span>&nbsp;<span class="productSpecialPrice">&pound;10.00</span><span class="productPriceDiscount"><br />Save:&nbsp;33% off</span></div>
<div class="centerBoxContentsSpecials centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_music_info&amp;cPath=62&amp;products_id=166"><img src="images/sooty.jpg" alt="Russ Tippins Band - The Hunter" title=" Russ Tippins Band - The Hunter " width="54" height="30" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_music_info&amp;cPath=62&amp;products_id=166">Russ Tippins Band - The Hunter</a><br /><span class="normalprice">&pound;4.99 </span>&nbsp;<span class="productSpecialPrice">&pound;3.00</span><span class="productPriceDiscount"><br />Save:&nbsp;40% off</span></div>
<br class="clearBoth" />



</div>

<!-- eof: specials -->

kinger251285
11-23-2011, 04:10 PM
</div>

</div>



</div



></td>



<td id="navColumnTwo" class="columnRight" style="width: 150px">

<div id="navColumnTwoWrapper" style="width: 150px"><!--// bof: specials //-->

<div class="rightBoxContainer" id="specials" style="width: 150px">

<h3 class="rightBoxHeading" id="specialsHeading">Specials</h3>

<div class="sideBoxContent centeredContent">
<div class="sideBoxContentItem"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=3_15&amp;products_id=16"><img src="images/dvd/courage_under_fire.gif" alt="Courage Under Fire Linked" title=" Courage Under Fire Linked " width="38" height="30" /><br />Courage Under Fire Linked</a><div><span class="normalprice">&pound;38.99 </span>&nbsp;<span class="productSpecialPrice">&pound;29.99</span><span class="productPriceDiscount"><br />Save:&nbsp;23% off</span></div></div>
<div class="sideBoxContentItem"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=28&amp;products_id=42"><img src="images/free.gif" alt="A Free Product - SALE" title=" A Free Product - SALE " width="38" height="30" /><br />A Free Product - SALE</a><div><span class="normalprice">&pound;100.00 </span>&nbsp;<span class="productSpecialPrice"><s>&pound;95.00</s></span><span class="productPriceDiscount"><br />Save:&nbsp;5% off</span><br /><img src="includes/templates/StavertonElectrical/images/free.gif" alt="It's Free!" title=" It's Free! " width="56" height="25" /></div></div></div>
</div>

<!--// eof: specials //-->



<!--// bof: bestsellers //-->

<div class="rightBoxContainer" id="bestsellers" style="width: 150px">

<h3 class="rightBoxHeading" id="bestsellersHeading">Bestsellers</h3>

<div id="bestsellersContent" class="sideBoxContent">
<div class="wrapper"><table cellpadding=2 cellspacing=0 border=0>
<tr><td valign=top>1</td><td valign=top><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;products_id=46"><img src="images/sample_image.gif" alt="A Mixed ON Product with Attributes" title=" A Mixed ON Product with Attributes " width="15" height="15" /></a></td><td valign=middle><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;products_id=46">A Mixed ON Product with Attributes</a><BR><div align=right></div></td></tr>
<tr><td valign=top>2</td><td valign=top><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;products_id=26"><img src="images/microsoft/imexplorer.gif" alt="Microsoft IntelliMouse Explorer" title=" Microsoft IntelliMouse Explorer " width="19" height="15" /></a></td><td valign=middle><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;products_id=26">Microsoft IntelliMouse Explorer</a><BR><div align=right></div></td></tr>
<tr><td valign=top>3</td><td valign=top><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;products_id=29"><img src="images/gift_certificates/gv_10.gif" alt="Gift Certificate $ 10.00" title=" Gift Certificate $ 10.00 " width="19" height="15" /></a></td><td valign=middle><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;products_id=29">Gift Certificate $ 10.00</a><BR><div align=right></div></td></tr>
<tr><td valign=top>4</td><td valign=top><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;products_id=48"><img src="images/1_small.jpg" alt="Test 1" title=" Test 1 " width="19" height="15" /></a></td><td valign=middle><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;products_id=48">Test 1</a><BR><div align=right></div></td></tr>
<tr><td valign=top>5</td><td valign=top><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;products_id=22"><img src="images/gt_interactive/unreal_tournament.gif" alt="Unreal Tournament Linked" title=" Unreal Tournament Linked " width="19" height="15" /></a></td><td valign=middle><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;products_id=22">Unreal Tournament Linked</a><BR><div align=right></div></td></tr>
<tr><td valign=top>6</td><td valign=top><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;products_id=30"><img src="images/gift_certificates/gv_25.gif" alt="Gift Certificate $ 25.00" title=" Gift Certificate $ 25.00 " width="19" height="15" /></a></td><td valign=middle><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;products_id=30">Gift Certificate $ 25.00</a><BR><div align=right></div></td></tr>
<tr><td valign=top>7</td><td valign=top><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;products_id=8"><img src="images/dvd/a_bugs_life.gif" alt="A Bug's Life Linked" title=" A Bug's Life Linked " width="19" height="15" /></a></td><td valign=middle><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;products_id=8">A Bug's Life Linked</a><BR><div align=right></div></td></tr>
<tr><td valign=top>8</td><td valign=top><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;products_id=12"><img src="images/dvd/die_hard_3.gif" alt="Die Hard With A Vengeance Linked" title=" Die Hard With A Vengeance Linked " width="19" height="15" /></a></td><td valign=middle><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;products_id=12">Die Hard With A Vengeance Linked</a><BR><div align=right></div></td></tr>
<tr><td valign=top>9</td><td valign=top><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;products_id=53"><img src="images/b_c_grid.gif" alt="Min and Units MIX" title=" Min and Units MIX " width="15" height="15" /></a></td><td valign=middle><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;products_id=53">Min and Units MIX</a><BR><div align=right></div></td></tr>
<tr><td valign=top>10</td><td valign=top><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;products_id=113"><img src="images/no_picture.gif" alt="Test Four" title=" Test Four " width="19" height="15" /></a></td><td valign=middle><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;products_id=113">Test Four</a><BR><div align=right></div></td></tr>
</table></div>
</div></div>

<!--// eof: bestsellers //-->



<!--// bof: languages //-->

<div class="rightBoxContainer" id="languages" style="width: 150px">

<h3 class="rightBoxHeading" id="languagesHeading">Languages</h3>

<div id="languagesContent" class="sideBoxContent centeredContent"><a href="http://localhost/zen-cart/index.php?main_page=shopping_cart&amp;language=en"><img src="includes/languages/english/images/icon.gif" alt="English" title=" English " width="24" height="15" /></a>&nbsp;&nbsp;</div></div>

<!--// eof: languages //-->



<!--// bof: currencies //-->

<div class="rightBoxContainer" id="currencies" style="width: 150px">

<h3 class="rightBoxHeading" id="currenciesHeading"><label>Currencies</label></h3>

<div id="currenciesContent" class="sideBoxContent centeredContent"><form name="currencies_form" action="http://localhost/zen-cart/index.php?main_page=index" method="get"><select name="currency" onchange="this.form.submit();">
<option value="USD">US Dollar</option>
<option value="EUR">Euro</option>
<option value="GBP" selected="selected">GB Pound</option>
<option value="CAD">Canadian Dollar</option>
<option value="AUD">Australian Dollar</option>
</select>
<input type="hidden" name="main_page" value="shopping_cart" /></form></div></div>

<!--// eof: currencies //-->



</div></td>

</tr>

</table>



<div class="containerBox">

<div class="headerBox">



<div class="companyLogo">

</div>



</div>



<div class="footerBox">



<div class="bottomNav">

<ul>

<ul>

<li><a href="http://localhost/zen-cart/">Home</a></li>

<li>&nbsp;::&nbsp;
<a href="http://localhost/zen-cart/?main_page=login">Log In</a>

&nbsp;::&nbsp;
<a href="http://localhost/zen-cart/index.php?main_page=account">My Account</a>

&nbsp;::&nbsp;
<a href="http://localhost/zen-cart/index.php?main_page=site_map">Site Map</a>

&nbsp;::&nbsp;
<a href="http://localhost/zen-cart/index.php?main_page=privacy">Privacy Notice</a>

</li>

</li>



<ul>

<li><div id="navCatTabsWrapper">

<div id="navCatTabs">

<ul>

<li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=1">Hardware</a> </li>

<li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=2">Software</a> </li>

<li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=3">DVD Movies</a> </li>

<li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=21">Gift Certificates</a> </li>

<li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=22">Big Linked</a> </li>

<li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=23">Test Examples</a> </li>

<li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=28">Test 10%</a> </li>

<li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=25">Test 10% by Attrib</a> </li>

<li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=24">Free Call Stuff</a> </li>

<li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=33">A Top Level Cat</a> </li>

<li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=48">Sale Percentage</a> </li>

<li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=49">Sale Deduction</a> </li>

<li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=50">Sale New Price</a> </li>

<li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=53">Big Unlinked</a> </li>

<li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=54">New v1.2</a> </li>

<li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=62">Music</a> </li>

<li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=63">Documents</a> </li>

<li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=64">Mixed Product Types</a> </li>

</ul>

</div>

</div>

</li>

</ul>

</ul></ul>

</div>



<div id="bottomDisclaimer">



Copyright 2010-2011 Staverton Electrical Supplies Ltd. All Rights Reserved. Designated trademarks and brands are the property of their respective owners.

<p>&nbsp;

</p>



</div>

</div>

</div>





</div>

<!--bof- parse time display -->

<!--eof- parse time display -->

<!--bof- banner #6 display -->

<!--eof- banner #6 display -->

</html>

alykins
11-23-2011, 04:20 PM
still need an image of what it looks like and what you want it to look like...
also see a huge list of error here (http://jigsaw.w3.org/css-validator/validator)... that is actually a little more inaccurate because I removed the <style> tagset (which would have thrown errors... you cannot have html in a CSS file)... also there are a lot of ` all over the place which to the best of my knowledge is invalid CSS code... and lastly you said it was in "centreColumn" ... now I assume this was a typo and should be "centerColumn" (no worries I typo all the time) but I say that to say this... I copied your entire CSS to file and searched for both "centerColumn" and "centreColumn" ... there is no defined CSS for it as either ID or class

kinger251285
11-23-2011, 04:45 PM
Hi

I have just removed the ' i didnt notice they were there, have actually just validated it all. There are a few warnings but i cant see anything major.


The Div id is

#shoppingCartDefault{
width: 580px;
height: 100%;
border: solid;
border-width: 3px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}

centreColumn whether added or not makes no difference.

Image of how it is looking below:

http://www.Clarksonevans.co.uk/ebay/WebTest/WebCartPic.bmp

How it should be:

http://www.Clarksonevans.co.uk/ebay/WebTest/WebCartHowShouldBePic.bmp

teedoff
11-23-2011, 04:56 PM
It would REALLY help if you put this site up on a testing server somewhere. I copied all your html and css that you've posted, and cant seem to recreate your issue.

There are free hosting servers for testing. Some of which do support php.


Also, the source code above produces 97 coding errors when ran through the validator. Thats a good place to start. Try fixing as many of those as you can. Mismatched tags, unclosed divs, div elements above the opening body tags, all can cause serious rendering issues.

alykins
11-23-2011, 05:35 PM
It would REALLY help if you put this site up on a testing server somewhere. I copied all your html and css that you've posted, and cant seem to recreate your issue.

There are free hosting servers for testing. Some of which do support php.


Also, the source code above produces 97 coding errors when ran through the validator. Thats a good place to start. Try fixing as many of those as you can. Mismatched tags, unclosed divs, div elements above the opening body tags, all can cause serious rendering issues.

agreed... quite honestly (and I feel I help ppl here a lot) I have no mental energy to parse though that much code and try to find the issue when being able to inspect it via chrome would be much faster...
I don't want to sound lazy but I cringe at the thought as I assume most would-be helpers will also... Tables are a nightmare when used like this for layout, and debugging based on reading line for line is almost he**

kinger251285
11-24-2011, 11:43 AM
Hi

I appreciate that you dont want to sift through code and uploading the site would be much easier. I wouldnt expect you to sift through code.

I just thought that someone out there may have had previous experience with a similar problem.

A slight development though (using google chrome inspection tools). It appears that the table displaying the cart info seems to be affecting a table set out to hold all content in all pages.

The code for this table is:


<table width="100%" border="0" cellspacing="0" cellpadding="0" id="contentMainWrapper">
<tr>

and is found in my main page layout seen below:


<?php
/**
* Common Template - tpl_main_page.php
*
* Governs the overall layout of an entire page<br />
* Normally consisting of a header, left side column. center column. right side column and footer<br />
* For customizing, this file can be copied to /templates/your_template_dir/pagename<br />
* example: to override the privacy page<br />
* - make a directory /templates/my_template/privacy<br />
* - copy /templates/templates_defaults/common/tpl_main_page.php to /templates/my_template/privacy/tpl_main_page.php<br />
* <br />
* to override the global settings and turn off columns un-comment the lines below for the correct column to turn off<br />
* to turn off the header and/or footer uncomment the lines below<br />
* Note: header can be disabled in the tpl_header.php<br />
* Note: footer can be disabled in the tpl_footer.php<br />
* <br />
* $flag_disable_header = true;<br />
* $flag_disable_left = true;<br />
* $flag_disable_right = true;<br />
* $flag_disable_footer = true;<br />
* <br />
* // example to not display right column on main page when Always Show Categories is OFF<br />
* <br />
* if ($current_page_base == 'index' and $cPath == '') {<br />
* $flag_disable_right = true;<br />
* }<br />
* <br />
* example to not display right column on main page when Always Show Categories is ON and set to categories_id 3<br />
* <br />
* if ($current_page_base == 'index' and $cPath == '' or $cPath == '3') {<br />
* $flag_disable_right = true;<br />
* }<br />
*
* @package templateSystem
* @copyright Copyright 2003-2007 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_main_page.php 7085 2007-09-22 04:56:31Z ajeh $
*/

// the following IF statement can be duplicated/modified as needed to set additional flags
if (in_array($current_page_base,explode(",",'list_pages_to_skip_all_right_sideboxes_on_here,separated_by_commas,and_no_spaces')) ) {
$flag_disable_right = true;
}


$header_template = 'tpl_header.php';
$footer_template = 'tpl_footer.php';
$left_column_file = 'column_left.php';
$right_column_file = 'column_right.php';
$body_id = ($this_is_home_page) ? 'indexHome' : str_replace('_', '', $_GET['main_page']);
?>
<div class="mainBodyBox">
<body id="<?php echo $body_id . 'Body'; ?>"<?php if($zv_onload !='') echo ' onload="'.$zv_onload.'"'; ?>>
<?php
if (SHOW_BANNERS_GROUP_SET1 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET1)) {
if ($banner->RecordCount() > 0) {
?>
<div id="bannerOne" class="banners"><?php echo zen_display_banner('static', $banner); ?></div>
<?php
}
}
?>

<div class="mainBodyBox">
<?php
/**
* prepares and displays header output
*
*/
if (CUSTOMERS_APPROVAL_AUTHORIZATION == 1 && CUSTOMERS_AUTHORIZATION_HEADER_OFF == 'true' and ($_SESSION['customers_authorization'] != 0 or $_SESSION['customer_id'] == '')) {
$flag_disable_header = true;
}
require($template->get_template_dir('tpl_header.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_header.php');?>
<table width="100%" border="0" cellspacing="0" cellpadding="0" id="contentMainWrapper">
<tr>
<?php
if (COLUMN_LEFT_STATUS == 0 || (CUSTOMERS_APPROVAL == '1' and $_SESSION['customer_id'] == '') || (CUSTOMERS_APPROVAL_AUTHORIZATION == 1 && CUSTOMERS_AUTHORIZATION_COLUMN_LEFT_OFF == 'true' and ($_SESSION['customers_authorization'] != 0 or $_SESSION['customer_id'] == ''))) {
// global disable of column_left
$flag_disable_left = true;
}
if (!isset($flag_disable_left) || !$flag_disable_left) {
?>

<td id="navColumnOne" class="columnLeft" style="width: <?php echo COLUMN_WIDTH_LEFT; ?>">
<?php
/**
* prepares and displays left column sideboxes
*
*/
?>
<div id="navColumnOneWrapper" style="width: <?php echo BOX_WIDTH_LEFT; ?>"><?php require(DIR_WS_MODULES . zen_get_module_directory('column_left.php')); ?></div></td>
<?php
}
?>
<!-- bof breadcrumb -->



<?php if (DEFINE_BREADCRUMB_STATUS == '1' || (DEFINE_BREADCRUMB_STATUS == '2' && !$this_is_home_page) ) { ?>
<div id="navBreadCrumb"><?php echo $breadcrumb->trail(BREAD_CRUMBS_SEPARATOR); ?></div>
<?php } ?>
<!-- eof breadcrumb -->
<?php
if ($this_is_home_page && (SHOW_BANNERS_GROUP_SET3 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET3))) {
if ($banner->RecordCount() > 0) {
?>
<div id="bannerThree" class="banners">
<?php echo zen_display_banner('static', $banner); ?></div>
<?php
}
}
?>

<!-- bof upload alerts -->
<?php if ($messageStack->size('upload') > 0) echo $messageStack->output('upload'); ?>
<!-- eof upload alerts -->

<div id="contentBodyBox"><?php
/**
* prepares and displays center column
*
*/
require($body_code); ?></div

><?php
if (SHOW_BANNERS_GROUP_SET4 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET4)) {
if ($banner->RecordCount() > 0) {
?>
<div id="bannerFour" class="banners"><?php echo zen_display_banner('static', $banner); ?></div>
<?php
}
}
?></td>

<?php
//if (COLUMN_RIGHT_STATUS == 0 || (CUSTOMERS_APPROVAL == '1' and $_SESSION['customer_id'] == '') || (CUSTOMERS_APPROVAL_AUTHORIZATION == 1 && CUSTOMERS_AUTHORIZATION_COLUMN_RIGHT_OFF == 'true' && $_SESSION['customers_authorization'] != 0)) {
if (COLUMN_RIGHT_STATUS == 0 || (CUSTOMERS_APPROVAL == '1' and $_SESSION['customer_id'] == '') || (CUSTOMERS_APPROVAL_AUTHORIZATION == 1 && CUSTOMERS_AUTHORIZATION_COLUMN_RIGHT_OFF == 'true' and ($_SESSION['customers_authorization'] != 0 or $_SESSION['customer_id'] == ''))) {
// global disable of column_right
$flag_disable_right = true;
}
if (!isset($flag_disable_right) || !$flag_disable_right) {
?>
<td id="navColumnTwo" class="columnRight" style="width: <?php echo COLUMN_WIDTH_RIGHT; ?>">
<?php
/**
* prepares and displays right column sideboxes
*
*/
?>
<div id="navColumnTwoWrapper" style="width: <?php echo BOX_WIDTH_RIGHT; ?>"><?php require(DIR_WS_MODULES . zen_get_module_directory('column_right.php')); ?></div></td>
<?php
}
?>
</tr>
</table>

<?php
/**
* prepares and displays footer output
*
*/
if (CUSTOMERS_APPROVAL_AUTHORIZATION == 1 && CUSTOMERS_AUTHORIZATION_FOOTER_OFF == 'true' and ($_SESSION['customers_authorization'] != 0 or $_SESSION['customer_id'] == '')) {
$flag_disable_footer = true;
}
require($template->get_template_dir('tpl_footer.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_footer.php');
?>

</div>
<!--bof- parse time display -->
<?php
if (DISPLAY_PAGE_PARSE_TIME == 'true') {
?>
<div class="smallText center">Parse Time: <?php echo $parse_time; ?> - Number of Queries: <?php echo $db->queryCount(); ?> - Query Time: <?php echo $db->queryTime(); ?></div>
<?php
}
?>
<!--eof- parse time display -->
<!--bof- banner #6 display -->
<!--eof- banner #6 display -->


These 2 tables seem to be conflicting/affecting one another for some reason.

kinger251285
11-24-2011, 11:48 AM
If i delete this code within the main page -


<table width="100%" border="0" cellspacing="0" cellpadding="0" id="contentMainWrapper">
<tr>

then the table within the cart page:


<table border="0" width="100%" cellspacing="0" cellpadding="0" id="cartContentsDisplay">
<tr class="tableHeading">
<th scope="col" id="scQuantityHeading"><?php echo TABLE_HEADING_QUANTITY; ?></th>
<th scope="col" id="scUpdateQuantity">&nbsp;</th>
<th scope="col" id="scProductsHeading"><?php echo TABLE_HEADING_PRODUCTS; ?></th>
<th scope="col" id="scUnitHeading"><?php echo TABLE_HEADING_PRICE; ?></th>
<th scope="col" id="scTotalHeading"><?php echo TABLE_HEADING_TOTAL; ?></th>
<th scope="col" id="scRemoveHeading">&nbsp;</th>
</tr>

displays within the original div correctly.

However due to deleting the contentMainWrapper table from the main page messes up the layout on all pages.

kinger251285
11-24-2011, 03:33 PM
Figured it out finally, was missing a <td valign="top"> from my main page which was messing everything up.

Thanks to all those that helped!



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum