Results 1 to 3 of 3
  1. #1
    Join Date
    Jun 2009
    Posts
    7
    Plugin Contributions
    0

    Default Background color and IE 6 and IE 7

    This is a new install of zencart 1.3.8a on a godaddy shared hosting server. This is not a live site. Did very simple style changes in a copy of the classic template. Added background colors to the navCattabs and sidebar boxes, etc. When displayed in IE6 and IE7, the background color drops below the horizontal navigation background. scrolling up or down reverses the drop. It appears like a drop float, however no widths were modified from the standard install. Looks fine in FireFox, Safari, and Opera. Not good in IE6 or IE7. Not sure about IE8. Link is
    www.monogramllc.com/zencart
    Any help would be appreciated.

  2. #2
    Join Date
    Jul 2006
    Location
    Montreal, Canada
    Posts
    2,285
    Plugin Contributions
    0

    Default Re: Background color and IE 6 and IE 7

    im not exactly sure on this one .. but here seems to be the problem

    #navColumnOne, #navColumnTwo {stylesheet.css (line 342)
    background-color:transparent;
    }

    and you have set the color in body to

    body {stylesheet.css (line 11)
    color:#59100A;
    font-family:verdana,arial,helvetica,sans-serif;
    font-size:62.5%;
    }

    you may want to change body color to white and comment the transparent to see if that helps out with IE .

  3. #3
    Join Date
    Jan 2005
    Posts
    189
    Plugin Contributions
    0

    Default Re: Background color and IE 6 and IE 7

    I noticed that the banner at the bottom of the page was aligned left. you should center it under the site.

    stylesheet.css

    Code:
    .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: left;
        }
    To

    Code:
    .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;
        }
    Also change your 'admin' folder name for security before you get too far into your design and forget.

    Marc

 

 

Similar Threads

  1. background color??
    By Music Man in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 11 May 2009, 10:47 PM
  2. Background color
    By thelatinbarbie in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 3 May 2008, 07:55 PM
  3. Background Image & Background Color
    By jben in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 30 Mar 2008, 01:11 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
  •