Results 1 to 6 of 6
  1. #1
    Join Date
    Nov 2005
    Posts
    51
    Plugin Contributions
    0

    Default site centered zc 1.3.7

    Hi all,

    I im cracking my head to get this solved.

    I want my site to be centered. I have already tried different things in my stylesheet. But nothing seems to work.

    I now it is the right file to be changed as i did got the height of the site changed . But thats not nesseccery. I only want the width to be centered.

    For example visit www.chukstar.nl (zc 1.2.6 )

    So i am adding my stylesheet, maybe i am overlooking something.

    At this point it looks like www.fritenglas.nl/shop

    I hope someone can help me out.

    Thanks
    Ilonka

    /**
    * Main CSS Stylesheet
    *
    * @package templateSystem
    * @copyright Copyright 2003-2005 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: stylesheet.css 5347 2006-12-22 20:26:09Z birdbrain $
    */

    HTML {scrollbar-3dlight-color:#DDF2FD;
    scrollbar-arrow-color:#66CBFF;
    scrollbar-track-color:#ffffff;
    scrollbar-darkshadow-color:#DDF2FD;
    scrollbar-face-color:#ffffff;
    scrollbar-highlight-color:#66CBFF;
    scrollbar-shadow-color:#66CBFF}

    body {
    margin: 0;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 62.5%;
    color: #000000;
    background-color: #ffffff;
    }

    a img {border: none; }

    a:link, #navEZPagesTOC ul li a {
    color: #000000;
    text-decoration: none;
    }

    a:visited {
    color: #000000;
    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: #000000;
    }

    a:active {
    color: #000000;
    }

    h1 {
    font-size: 1.5em;
    }

    h2 {
    font-size: 1.4em;
    }

    h3 {
    font-size: 1.3em;
    }

    h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{
    font-size: 1.1em;
    }

    .biggerText {
    font-size: 1.2em;
    }

    h1, h2, h3, h4, h5, h6 {

    margin: 0.3em 3px;

    }

    CODE {
    font-family: arial, verdana, helvetica, sans-serif;
    font-size: 1em;
    }

    FORM, SELECT, INPUT {
    display: inline;
    font-size: 1em;
    margin: 0.1em;
    }

    TEXTAREA {
    /* float: left;*/
    padding: 0px;
    margin: auto;
    display: block;
    width: 5%;
    }

    input:focus, select:focus, textarea:focus {
    background: #ffffff;
    }

    FIELDSET {
    padding: 0.5em;
    margin: 0.5em 0em;
    border: 1px solid #oooooo;
    }

    LEGEND {
    font-weight: bold;
    padding: 0.3em;
    }

    LABEL, h4.optionName {
    line-height: 1.5em;
    padding: 0.2em;
    }

    LABEL.checkboxLabel, LABEL.radioButtonLabel {
    margin: 0.5em 0.3em;
    }

    #logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
    float: center;
    }

    LABEL.inputLabel {
    width: 11em;
    float: left;
    }

    LABEL.inputLabelPayment {
    width: 15em;
    float: left;
    }

    LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel {
    width: 12em;
    float: left;
    }

    P, ADDRESS {
    padding: 0.5em;
    }

    ADDRESS {
    font-style: normal;
    }

    .clearBoth {
    clear: both;
    }

    HR {
    height: 1px;
    margin-top: 0.5em;
    border: none;
    border-bottom: 1px solid #000000;
    }

    /*warnings, errors, messages*/
    .messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
    line-height: 1.8em;
    padding: 0.2em;
    border: 1px solid #000000;
    }

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

    .messageStackSuccess {
    background-color: #ffffff;
    color: #000000;
    }

    .messageStackCaution {
    background-color: #FFFFff;
    color: #000000;
    }

    /*wrappers - page or section containers*/
    #mainWrapper {
    width: 850px !important;
    height: 100% !important
    margin: auto;
    background-color: #ffffff;
    text-align: left;
    vertical-align: top;
    }

    #headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
    margin: 0em;
    padding: 0em;
    }

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

    #tagline {
    color:#000000;
    font-size: 2em;
    text-align : center;
    vertical-align: middle;
    }

    #sendSpendWrapper {
    border: 1px solid #000000;
    float: right;
    margin: 0em 0em 1em 1em;
    }

    .floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
    margin: 0;
    width: 47%;
    }

    .wrapperAttribsOptions {
    margin: 0.3em 0em;
    }

    /*navigation*/

    .navSplitPagesResult {}
    .navSplitPagesLinks {}
    .navNextPrevCounter {
    margin: 0em;
    font-size: 0.9em;
    }
    .navNextPrevList {
    display: inline;
    white-space: nowrap;
    margin: 0;
    padding: 0.5em 0em;
    list-style-type: none;
    }

    #navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
    margin: 0em;
    background-color: #ffffff;
    font-weight: bold;
    color: #000000;
    height: 1%;
    width: 750px !important;
    }

    #navMain ul, #navSupp ul, #navCatTabs ul {
    margin: 0;
    padding: 0.5em 0em;
    list-style-type: none;
    text-align: center;
    line-height: 1.5em;
    }

    #navMain ul li, #navSupp ul li, #navCatTabs ul li {
    display: inline;
    }

    #navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
    text-decoration: none;
    padding: 0em 0.5em;
    margin: 0;
    color: #000000;
    white-space: nowrap;
    }

    #navEZPagesTOCWrapper {
    font-weight: bold;
    float: right;
    height: 1%;
    border: 1px solid #000000;
    }

    #navEZPagesTOC ul {
    margin: 0;
    padding: 0.5em 0em;
    list-style-type: none;
    line-height: 1.5em;
    }

    #navEZPagesTOC ul li {
    white-space: nowrap;
    }

    #navEZPagesTOC ul li a {
    padding: 0em 0.5em;
    margin: 0;
    }

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

    #navMainSearch {
    float: right;
    }

    #navBreadCrumb {
    background-color: #ffffff;
    }

    #navEZPagesTop {
    background-color: #ffffff;
    }

    #navBreadCrumb, #navEZPagesTop {
    font-size: 0.95em;
    font-weight: bold;
    margin: 0em;
    padding: 0.5em;
    }

    #navColumnOne {
    background-color: #FFffff;
    }

    #navColumnTwo {
    background-color: #ffffff;
    }

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

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

    .alert {
    color: #000000;
    margin-left: 0.5em;
    }
    .advisory {}
    .important {
    font-weight: bold;
    }
    .notice {}
    .rating{}
    .gvBal {
    float: right;
    }
    .centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
    padding: 0.8em;
    }

    .smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
    font-size: 0.9em;
    }

    /*Shopping Cart Display*/
    #cartAdd {
    float: right;
    text-align: center;
    margin: 1em;
    border: 1px solid #000000;
    padding: 1em;
    }

    .tableHeading TH {
    border-bottom: 1px solid #000000;
    }

    .tableHeading, #cartSubTotal {
    background-color: #ffffff;
    }

    #cartSubTotal {
    border-top: 1px solid #000000;
    font-weight: bold;
    text-align: right;
    line-height: 2.2em;
    padding-right: 2.5em;
    }

    .tableRow, .tableHeading, #cartSubTotal {
    height: 2.2em;
    }

    .cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay {
    padding: 0.5em 0em;
    }

    .cartUnitDisplay, .cartTotalDisplay {
    text-align: right;
    padding-right: 0.2em;
    }

    #scUpdateQuantity {
    width: 2em;
    }

    .cartQuantity {
    width: 4.7em;
    }

    .cartNewItem {
    color: #000000;
    position: relative; /*do not remove-fixes stupid IEbug*/
    }

    .cartOldItem {
    color: #000000;
    position: relative; /*do not remove-fixes stupid IEbug*/
    }

    .cartBoxTotal {
    text-align: right;
    font-weight: bold;
    }

    .cartRemoveItemDisplay {
    width: 3.5em;
    }

    .cartAttribsList {
    margin-left: 1em;
    }

    #mediaManager {
    width: 50%;
    margin: 0.2em;
    padding: 0.5em;
    }

    .normalprice, .productSpecialPriceSale {
    text-decoration: line-through;
    }

    .productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
    color: #000000;
    }

    .orderHistList {
    margin: 1em;
    padding: 0.2em 0em;
    }

    #cartBoxListWrapper ul, #ezPageBoxList ul {
    list-style-type: none;
    }

    #cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
    margin: 0;
    padding: 0.2em 0em;
    }

    #cartBoxEmpty, #cartBoxVoucherBalance {
    font-weight: bold;
    }

    .totalBox {
    width: 5.5em;
    text-align: right;
    padding: 0.2em;
    }

    .lineTitle, .amount {
    text-align: right;
    padding: 0.2em;
    }

    .amount {
    width: 5.5em;
    }

    /*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 {}

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

    /*sideboxes*/
    .columnLeft {}

    h3.leftBoxHeading, h3.leftBoxHeading a {
    font-size: 1em;
    color: #000000;
    }

    .leftBoxHeading, .centerBoxHeading {
    margin: 0em;
    background-color: #4ACBFF;
    padding: 0.5em 0.2em;
    }

    .leftBoxContainer {
    border: 1px solid #ffffff;
    margin-top: 1.5em;
    }

    .sideBoxContent {
    background-color: #ffffff;
    padding: 0.4em;
    }

    h3.rightBoxHeading, h3.rightBoxHeading a {
    font-size: 1.1em;
    color: #000000;
    }

    .rightBoxHeading {
    margin: 0em;
    background-color: #4ACBFF;
    padding: 0.2em 0em;
    }

    h3.leftBoxHeading a:hover {
    color: #000000;
    text-decoration: none;
    }

    h3.rightBoxHeading a:hover {
    color: #000000;
    text-decoration: none;
    }

    .rightBoxContent {
    background-color: #ffffff;
    margin-bottom: 1em;
    }

    .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;
    }

    #bestsellers .wrapper {
    margin: 0em 0em 0em 1.5em;
    }

    #bestsellers ol {
    padding: 0;
    margin-left: 1.1em;
    }

    #bestsellers li {
    padding: 0;
    margin: 0.3em 0em 0.3em 0em;
    }

    #bannerboxHeading {
    background-color: #ffffff;
    }

    #upProductsHeading {
    text-align: left;
    }

    #upDateHeading {
    text-align: right;
    }

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

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

    .bold {
    font-weight: bold;
    }

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

    .rowEven {
    background-color: #ffffff;
    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: #ffffff;
    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%;}

  2. #2
    Join Date
    Feb 2007
    Location
    Los Angeles
    Posts
    359
    Plugin Contributions
    0

    Default Re: site centered zc 1.3.7

    [FONT=Verdana]HI[/FONT]
    [FONT=Verdana][/FONT]
    [FONT=Verdana]Look like you are working on it right now, so it keep changing, [/FONT]
    [FONT=Verdana]From what I saw at 1 point I think you should look in to this option , if you trying to accomplish same look as your other site[/FONT]
    [FONT=Verdana][/FONT]
    [FONT=Verdana]/*wrappers - page or section containers*/
    #mainWrapper {
    width: 850px !important;
    [/FONT]
    [FONT=Verdana]750pk or 100%
    [/FONT]
    [FONT=Verdana]height: 100% !important
    margin: auto;
    background-color: #ffffff;
    text-align: left;
    vertical-align: top;
    }[/FONT]

  3. #3
    Join Date
    Nov 2005
    Location
    Colorado Springs, CO USA
    Posts
    7,033
    Plugin Contributions
    31

    Default Re: site centered zc 1.3.7

    Change this in your stylesheet css

    #mainWrapper {
    margin: 0 auto;
    width: 850px !important;
    height: 100% !important
    margin: auto;
    background-color: #ffffff;
    text-align: left;
    vertical-align: top;
    }

    add the portion highoighted in red.

  4. #4
    Join Date
    Nov 2005
    Posts
    51
    Plugin Contributions
    0

    Default Re: site centered zc 1.3.7

    Clydejones,

    This makes no difference. Site still looks the same

  5. #5
    Join Date
    Nov 2005
    Location
    Colorado Springs, CO USA
    Posts
    7,033
    Plugin Contributions
    31

    Default Re: site centered zc 1.3.7

    Quote Originally Posted by ilonka View Post
    Clydejones,

    This makes no difference. Site still looks the same
    do you have a URL for your site?

  6. #6
    Join Date
    Nov 2005
    Posts
    51
    Plugin Contributions
    0

    Default Re: site centered zc 1.3.7

    Ofcoarse it is www.fritenglas.nl/shop

    ilonka

 

 

Similar Threads

  1. v139h Site Not Centered on Safari
    By traytray in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 30 May 2013, 06:40 AM
  2. v139h Footer text is centered, but not centered in the footer block
    By brush4hire in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 18 May 2012, 03:17 PM
  3. Centered Logo in Stylesheet, but still NOT centered
    By LilleyPadGifts in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 1 Feb 2009, 11:05 PM
  4. Site not Centered and font changed
    By jameszeller in forum Templates, Stylesheets, Page Layout
    Replies: 7
    Last Post: 4 May 2008, 06:34 AM
  5. not centered on firefox.. centered on IE
    By g0d4lm1ty in forum Templates, Stylesheets, Page Layout
    Replies: 15
    Last Post: 13 Dec 2006, 01:23 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