Results 1 to 5 of 5
  1. #1
    Join Date
    Sep 2006
    Posts
    11
    Plugin Contributions
    0

    Default Trouble with sideboxes bottom image not lining up

    Hi All,

    I have been playing around with Zen Cart for about 2 weeks now: Using

    Version 1.3.0.1 and trying to convert it to a fluid layout

    After changing the sideboxes from 150px to 100% and the columns to 20% the bottom images don't seem to line up now! I did this via Admin > Config > Layout Settings

    Column Width - Left Boxes - 100%
    Column Width - Left Boxes - 100%

    Column Left - 20%
    Column Right - 20%

    Is this correct?

    Heres where the shop is: http://www.sapsportswear.co.uk/shop/

    Username: zen
    Password: cart


    Stylesheet:

    PHP Code:
    body {
        
    margin0;
        
    font-familyverdanaarialhelveticasans-serif;
        
    font-size62.5%;
        
    color#000000;
        
    background-color#fff;
        
    }

    a img border:none; }
    a:link#navEZPagesTOC ul li a { color:#666666;    text-decoration:none;}
    a:visited color#3300FF; text-decoration:none;    }
    a:hover#navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {    color: #FF0000;    }

    a:active {
        
    color#0000FF;
        
    }

    h1 font-size1.5em;    }
    h2 {    font-size1.4em;    }
    h3 font-size1.3em;    }
    h4h5h6LABELh4.optionNameLEGENDADDRESS, .sideBoxContent, .larger{    font-size1.1em;    }
    .
    biggerText font-size1.2em;    }
    h1h2h3h4h5h6 margin0.3em; }

    CODE {
        
    font-familyarialverdanahelveticasans-serif;
        
    font-size1em;
        }

    FORMSELECTINPUT displayinlinefont-size1emmargin0.1em; }
    TEXTAREA {
        
    floatleft;
        
    marginauto;
        
    displayblock;
        
    width95%;
        }

    input:focusselect:focustextarea:focus {
        
    background#F0F8FF;
        
    }

    FIELDSET {
        
    padding0.5em;
        
    margin0.5em 0em;
        
    border1px solid #cccccc;
        
    }

    LEGEND {
        
    font-weightbold;
        
    padding0.3em;
        }

    LABELh4.optionName {
        
    line-height1.5em;
        
    padding0.2em;
        }

    LABEL.checkboxLabelLABEL.radioButtonLabel {
        
    margin0.5em 0.3em;
        }

    #logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
        
    float:left;
        }
        
    #logo { width:100%;    height:104px;    background:url(../images/headertext_nobg.gif) no-repeat; background-position:center; margin-top:5px; }

    LABEL.inputLabel {
        
    width11em;
        
    floatleft;
        }

    LABEL.inputLabelPayment {
        
    width15em;
        
    floatleft;
        }

    LABEL.selectLabelLABEL.switchedLabelLABEL.uploadsLabel  {
        
    width12em;
        
    floatleft;
        }

    PADDRESS {
        
    padding0.5em;
        }

    ADDRESS {
        
    font-stylenormal;
        }

    .
    clearBoth {
        
    clearboth;
        }

    HR {
        
    height1px;
        
    margin-top0.5em;
        
    bordernone;
        
    border-bottom1px solid #9a9a9a;
        
    }

    /*warnings, errors, messages*/
    .messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
        
    line-height1.8em;
        
    padding0.2em;
        
    border1px solid #000000;
        
    }

    .
    messageStackWarning, .messageStackError {
        
    background-color#ff0000;
        
    color#ffffff;
        
    }

    .
    messageStackSuccess {
        
    background-color#99FF99;
        
    color#000000;
        
    }

    .
    messageStackCaution {
        
    background-color#FFFF66;
        
    color#000000;
        
    }

    /*wrappers - page or section containers*/
    #mainWrapper {
        
    background-color#fff;
        
    text-aligncenter;
        
    width:100% !important;
        
    vertical-aligntop;
        }

    #headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
        
    margin0em;
        
    padding0em;
        }

    #logoWrapper { width:99%;    height:104px;    background:#000000 url(../images/bg_header.jpg) repeat-x;    }

    #navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
        
    margin:0 0 0 5px;
        
    text-align:left;
        } 

    #sendSpendWrapper {
        
    border1px solid #cacaca;
        
    floatright;
        
    margin0em 0em 1em 1em;
        }

    .
    floatingBox#accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
        
    margin0;
        
    width47%;
        }

    .
    wrapperAttribsOptions {
        
    margin0.3em 0em;
        }

    /*navigation*/

    .navSplitPagesResult {}
    .
    navSplitPagesLinks {}
    .
    navNextPrevCounter {
        
    margin0em;
        
    font-size0.9em;
        }
    .
    navNextPrevList {
        
    displayinline;
        
    white-spacenowrap;
        
    margin0;
        
    padding:  0.5em 0em;
        list-
    style-typenone;
        }

    #navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
        
    margin0em;
        
    background-color#fff;
        
    font-weightbold;
        
    color#ffffff;
        
    height1%;
        
    width100%;
        }

    #navMain ul, #navSupp ul, #navCatTabs ul  {
        
    margin0;
        
    padding:  0.5em 0em;
        list-
    style-typenone;
        
    text-aligncenter;
        
    line-height1.5em;
        }

    #navMain ul li, #navSupp ul li, #navCatTabs ul li {
        
    displayinline;
        
    white-spacenowrap;
        }

    #navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
        
    text-decorationnone;
        
    padding0em 0.5em;
        
    margin0;
        
    color#3300ff;
        
    }

    #navEZPagesTOCWrapper {
        
    font-weightbold;
        
    floatright;
        
    height1%;
        
    border1px solid #000000;
        
    }

    #navEZPagesTOC ul {
        
    margin0;
        
    padding:  0.5em 0em;
        list-
    style-typenone;
        
    line-height1.5em;
        }

    #navEZPagesTOC ul li {
        
    white-spacenowrap;
        }

    #navEZPagesTOC ul li a {
        
    padding0em 0.5em;
        
    margin0;
        }

    #navMainSearch, #navCategoryIcon, .buttonRow, #indexProductListCatDescription {
        
    margin0.5em;
        }

    #navBreadCrumb {
        
    margin-top:16px;
        
    background-image:url(../images/centercolumn_capsule.gif);
        
    background-repeat:repeat-x;
        
    background-position:center;
        
    font-size0.95em;
        
    font-weightbold;
        
    padding0.5em 0 0.5em 1.5em;
        
    color:#fff;
        
    }
        
        
    #navBreadCrumb a { text-decoration:underline; color:#fff;}

    #navEZPagesTop {
        
    background-image:url(../images/fullwidth_capsule.gif);
        
    background-repeat:repeat-x;
        
    font-size0.95em;
        
    font-weightbold;
        
    margin0em;
        
    padding0.5em 0 0.5em 1.5em;
        
    color:#fff;
        
    }

    #navEZPagesTop a { color:#fff; font-weight:bold; }

    #navColumnOne, #navColumnTwo {
        
    background-color#fff;
        
    }


    /*The main content classes*/
    #contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
        
    vertical-aligntop;
        }

    /*.content,*/ #productDescription, .shippingEstimatorWrapper {
        /*font-size: 1.2em;*/
        
    padding0.5em;
        }

    .
    alert {
        
    color#FF0000;
        
    margin-left0.5em;
        }
    .
    advisory {}
    .
    important {
        
    font-weightbold;
        }
    .
    notice {}
    .
    rating{}
    .
    gvBal {
        
    floatright;
        }
    .
    centerColumn#bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix {
        
    padding0.8em;
        }

    .
    smallText#siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
        
    font-size0.9em;
        }

    /*Shopping Cart Display*/
    #cartAdd {
        
    floatright;
        
    text-aligncenter;
        
    margin1em;
        
    border1px solid #000000;
        
    padding1em;
        }

    .
    tableHeading TH {
        
    border-bottom1px solid #cccccc;
        
    }

    .
    tableHeading#cartSubTotal {
        
    background-color#e9e9e9;
         
    }

    #cartSubTotal {
        
    border-top1px solid #cccccc;
        
    font-weightbold;
        
    text-alignright;
        
    line-height2.2em;
        
    padding-right2.5em;
        }

    .
    tableRow, .tableHeading#cartSubTotal {
        
    height2.2em;
        }

    .
    cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity#cartInstructionsDisplay, .cartTotalsDisplay   {
        
    padding0.5em 0em;
        }

    .
    cartUnitDisplay, .cartTotalDisplay {
        
    text-alignright;
        
    padding-right0.2em;
        }

    #scUpdateQuantity {
        
    width2em;
        }

    .
    cartQuantity {
        
    width4.7em;
        }

    .
    cartNewItem {
        
    color#33CC33;
        
    positionrelative;  /*do not remove-fixes stupid IEbug*/
        
    }

    .
    cartOldItem {
        
    color#660099;
        
    positionrelative;   /*do not remove-fixes stupid IEbug*/
        
    }

    .
    cartBoxTotal {
        
    text-alignright;
        
    font-weightbold;
        }

    .
    cartRemoveItemDisplay {
        
    width3.5em;
        }

    #cartAttribsList {
        
    margin-left1em;
        }

    #mediaManager {
    width50%; 
    margin0.2em;
    padding0.5em;
    }
    .
    normalprice, .productSpecialPriceSale {
        
    text-decorationline-through;
        }

    .
    productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
        
    color#ff0000;
        
    }

    #cartBoxListWrapper ul, #ezPageBoxList ul {
        
    list-style-typenone;
        }

    #cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
        
    margin0;
        
    padding0.2em 0em;
        } 

    .
    totalBox {
        
    width5.5em;
        
    text-alignright;
        
    padding0.2em;
        }

    .
    lineTitle, .amount {
        
    text-alignright;
        
    padding0.2em;
        }

    .
    amount {
        
    width5.5em;
        }

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

    .
    categoryIcon {}
    #cartImage {
        
    margin0.5em 1em;
        }

    /*Attributes*/
    .attribImg {
        
    width20%;
        
    margin0.3em 0em;
    }

    .
    attributesComments {}

    /*list box contents*/
    .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
        
    margin1em 0em;
        }

    /*sideboxes*/
    .columnLeft {}

    h3.leftBoxHeadingh3.leftBoxHeading ah3.leftBoxHeading labelh3.rightBoxHeadingh3.rightBoxHeading ah3.rightBoxHeading label {
        
    font-size1em;
        
    color#ffffff;
        
    }
        
    h3.leftBoxHeading a:hoverh3.rightBoxHeading a:hover{
        
    color#FFFF33;
        
    text-decorationnone;
        } 

    .
    leftBoxHeading, .rightBoxHeading {
        
    margin0em;
        
    background-image:url(../images/sidebox_top.gif);
        
    background-repeat:no-repeat;
        
    padding0.5em 0.2em;
        }

    .
    centerBoxHeading {
        
    margin0em;
        
    background-image:url(../images/title_bg.gif);
        
    background-repeat:repeat-x;
        
    padding0.5em 0.2em;
        }

    .
    leftBoxContainer, .rightBoxContainer {
        
    background-image:url(../images/sidebox_middle.gif);
        
    background-repeat:repeat-y;
        
    margin-top1.5em;
        }

    .
    sideBoxContent {
        
    background-image:url(../images/sidebox_bottom.gif);
        
    background-repeat:no-repeat;
        
    background-position:bottom;
        
    padding0.4em;
        }

    .
    centeredContentTH#cartEmptyText, #cartBoxGVButton, #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-aligncenter;
        }

    #bestsellers .wrapper {
        
    margin0em 0em 0em 1.5em;
        }

    #bestsellers ol {
        
    padding0;
        
    margin-left1.1em;
        }

    #bestsellers li {
        
    padding0;
        
    margin0.3em 0em 0.3em 0em;
        }

    #bannerboxHeading {
        
    background-color#0000CC;
    }

    #upProductsHeading {
        
    text-alignleft;
        }

    #upDateHeading {
        
    text-alignright;
        }

    /*misc*/
    .back {
        
    floatleft;
        }

    .
    forward {
        
    floatright;
        }

    .
    bold {
        
    font-weightbold;
        }

    .
    rowOdd {
        
    background-color#E8E8E8;
        
    height1.5em;
        
    vertical-aligntop;
        }

    .
    rowEven {
        
    background-color#F0F0F0;
        
    height1.5em;
        
    vertical-aligntop;
        }

    CAPTION {
        
    /*display: none;*/
        
    }

    #myAccountGen li, #myAccountNotify li {
        
    margin0;
        } 

    .
    accountTotalDisplay, .accountTaxDisplay {
        
    width20%;
        
    text-alignright;
        
    /*vertical-align: top*/
        
    }

    .
    accountQuantityDisplay {
        
    width10%;
        
    vertical-aligntop
        
    }

    TR.tableHeading {
        
    background-color#cacaca;
        
    height2em;
        }

    #siteMapList {
        
    width90%;
        
    floatright;
        }

    .
    ratingRow {
        
    margin1em 0em 1.5em 0em;
        }

    LABEL#textAreaReviews {
        
    font-weightnormal;
        
    margin1em 0em;
        }

    #popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp {
        
    background-color#ffffff;
        


  2. #2
    Join Date
    Jun 2003
    Posts
    33,715
    Plugin Contributions
    0

    Default Re: Trouble with sideboxes bottom image not lining up

    Instead of using an image, why not just use a 1 px border all around.

  3. #3
    Join Date
    Sep 2006
    Posts
    11
    Plugin Contributions
    0

    Default Re: Trouble with sideboxes bottom image not lining up

    Thank you Kim,

    I did try a border-bottom: which obviously didn't work, but I didn't think about doing a full border, Thank you I will try it and let you know.

  4. #4
    Join Date
    Sep 2006
    Posts
    11
    Plugin Contributions
    0

    Default Re: Trouble with sideboxes bottom image not lining up

    Kim, do you know how to get rid of the categories displayed horizontally, underneath the header?

  5. #5
    Join Date
    Jun 2003
    Posts
    33,715
    Plugin Contributions
    0

    Default Re: Trouble with sideboxes bottom image not lining up

    Turn the off in the Admin> Configuration> Layout settings

 

 

Similar Threads

  1. Options not lining up with prices
    By SPembleton in forum Built-in Shipping and Payment Modules
    Replies: 0
    Last Post: 21 Jul 2011, 10:52 PM
  2. trouble with sideboxes
    By twins225 in forum General Questions
    Replies: 0
    Last Post: 21 Oct 2010, 07:16 PM
  3. Lining up sideboxes and middle nav
    By AvenueBeads in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 21 Aug 2006, 04:42 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR