Forums / Templates, Stylesheets, Page Layout / Background color and IE 6 and IE 7

Background color and IE 6 and IE 7

Locked

Started by marylouj on 2 Jul 2009, 11:10 PM · Views: 1,323

Results 1 to 3 of 3
This thread is locked. New replies are disabled.
2 Jul 2009, 11:10 PM
#1
marylouj avatar

marylouj

New Zenner

Join Date:
Jun 2009
Posts:
7
Plugin Contributions:
0

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
https://www.monogramllc.com/zencart
Any help would be appreciated.

2 Jul 2009, 11:39 PM
#2
tony_sar avatar

tony_sar

Totally Zenned

Join Date:
Jul 2006
Location:
Montreal, Canada
Posts:
2,276
Plugin Contributions:
0

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 Jul 2009, 12:03 AM
#3
tat2nu avatar

tat2nu

Zen Follower

Join Date:
Jan 2005
Posts:
178
Plugin Contributions:
0

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

.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

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


Marc