Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

colour issue in Firefox . IE is ok //


filmcell

Recommended Posts

Hi guys ,

Any help would be great .

The colour on my site work great in IE , but in firefox the lefthand and parts of the righthand side is black .

 

if you have a look you will see

 

filmcell(dot)co(dot)uk

 

 

Am i right in thinking its a problem with the sytlesheet

 

Any help and correction would be great .

 

---------------------------------------------------------------

 

/*

$Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

 

osCommerce, Open Source E-Commerce Solutions

http://www.oscommerce.com

 

Copyright © 2003 osCommerce

 

Released under the GNU General Public License

*/

 

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #2e3192; }

.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }

.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }

.productsNotifications { background: #f2fff7; }

.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

 

BODY {

background: #ffffff;

color: #000000;

margin: 0px;

}

 

A {

color: #000000;

text-decoration: none;

}

 

A:hover {

color: #949494;

text-decoration: underline;

}

 

FORM {

display: inline;

}

 

TR.header {

background: #ffffff;

}

 

TR.headerNavigation {

background: #ffffff;

}

 

TD.headerNavigation {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

background: #ffffff;

color: #000000;

font-weight : bold;

}

 

A.headerNavigation {

color: #000000;

}

 

A.headerNavigation:hover {

color: #0000ff;

}

 

TR.headerError {

background: #ff0000;

}

 

TD.headerError {

font-family: Tahoma, Verdana, Arial, sans-serif;

font-size: 12px;

background: #ff0000;

color: #ffffff;

font-weight : bold;

text-align : center;

}

 

TR.headerInfo {

background: #00ff00;

}

 

TD.headerInfo {

font-family: Tahoma, Verdana, Arial, sans-serif;

font-size: 12px;

background: #00ff00;

color: #000000;

font-weight: bold;

text-align: center;

}

 

TR.footer {

background: #ffffff;

}

 

TD.footer {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

background: #ffffff;

color: #000000;

font-weight: bold;

}

 

.infoBox {

background: #c9c7c8;

}

 

.infoBoxContents {

background: #ffffff;

font-family: Verdana, Arial, sans-serif;

font-size: 11px;

}

 

.infoBoxNotice {

background: #c9c7c8;

}

 

.infoBoxNoticeContents {

background: #ffffff;

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

}

 

TD.infoBoxHeading {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

font-weight: bold;

background: #797979;

color: #ffffff;

text-decoration: underline;

}

 

TD.infoBox, SPAN.infoBox {

font-family: Verdana, Arial, sans-serif;

font-size: 11px;

}

 

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {

background: #ffffff;

}

 

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {

background: #ffffff;

}

 

TABLE.productListing {

border: 1px;

border-style: solid;

border-color: #b6b7cb;

border-spacing: 1px;

}

 

.productListing-heading {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

background: #b6b7cb;

color: #FFFFFF;

font-weight: bold;

}

 

TD.productListing-data {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

}

 

A.pageResults {

color: #0000FF;

}

 

A.pageResults:hover {

color: #0000FF;

background: #FFFF33;

}

 

TD.pageHeading, DIV.pageHeading {

font-family: Verdana, Arial, sans-serif;

font-size: 20px;

font-weight: bold;

color: #9a9a9a;

}

 

TR.subBar {

background: #f4f7fd;

}

 

TD.subBar {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

color: #000000;

}

 

TD.main, P.main, DIV.main {

font-family: Verdana, Arial, sans-serif;

font-size: 11px;

line-height: 1.5;

}

 

TD.smallText, SPAN.smallText, P.smallText {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

}

 

TD.accountCategory {

font-family: Verdana, Arial, sans-serif;

font-size: 13px;

color: #aabbdd;

}

 

TD.fieldKey {

font-family: Verdana, Arial, sans-serif;

font-size: 12px;

font-weight: bold;

}

 

TD.fieldValue {

font-family: Verdana, Arial, sans-serif;

font-size: 12px;

}

 

TD.tableHeading {

font-family: Verdana, Arial, sans-serif;

font-size: 12px;

font-weight: bold;

}

 

SPAN.newItemInCart {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

color: #ff0000;

}

 

CHECKBOX, INPUT, RADIO, SELECT {

font-family: Verdana, Arial, sans-serif;

font-size: 11px;

}

 

TEXTAREA {

width: 100%;

font-family: Verdana, Arial, sans-serif;

font-size: 11px;

}

 

SPAN.greetUser {

font-family: Verdana, Arial, sans-serif;

font-size: 12px;

color: #f0a480;

font-weight: bold;

}

 

TABLE.formArea {

background: #f1f9fe;

border-color: #7b9ebd;

border-style: solid;

border-width: 1px;

}

 

TD.formAreaTitle {

font-family: Tahoma, Verdana, Arial, sans-serif;

font-size: 12px;

font-weight: bold;

}

 

SPAN.markProductOutOfStock {

font-family: Tahoma, Verdana, Arial, sans-serif;

font-size: 12px;

color: #c76170;

font-weight: bold;

}

 

SPAN.productSpecialPrice {

font-family: Verdana, Arial, sans-serif;

color: #ff0000;

}

 

SPAN.errorText {

font-family: Verdana, Arial, sans-serif;

color: #ff0000;

}

 

.moduleRow { }

.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }

.moduleRowSelected { background-color: #E9F4FC; }

 

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }

.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

 

/* message box */

 

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }

.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }

.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

 

/* input requirement */

 

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

 

.newinfobox_top {

background: url('images/infobox/top_background.jpg');

font-family: Verdana, Arial, sans-serif;

font-size: 12px;

white-space: nowrap;

color: #000000;

text-decoration: underline;

}

 

.newinfobox_bottom {

background: url('images/infobox/bottom_background.jpg');

}

 

.newinfobox_left {

background: url('images/infobox/left_background.jpg');

}

 

.newinfobox_right {

background: url('images/infobox/right_background.jpg');

}

 

.newinfoboxcontents {

background : #FF0000;

}

Link to comment
Share on other sites

I can't tell off-hand where Firefox is getting the rule to use that color as the background but the class of each of those cells should be "boxText", so if you assign a background color for that style it might clear up the problem.

Do, or do not. There is no try.

 

Order Editor 5.0.6 "Ultra Violet" is now available!

For support or to post comments, suggestions, etc, please visit the Order Editor support thread.

Link to comment
Share on other sites

The problem is the following:

 

bgcolor = rgb(194,194,194)

 

Disregarded the fact that bgcolor is a deprecated parameter, you should use the hex value of the color in order to display it the way you want. Also you should use the class parameter to format the singel HTML elements.

Link to comment
Share on other sites

in your css file right near the top find

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #2e3192; }

replace with

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #2e3192; background: #cccccc; }

 

I did this on the fly with the developer toolbar addon for FF and it looked the same in FF as IE

 

try it your self with the developer addon https://addons.mozilla.org/en-US/firefox/addon/60

 

Dont know if it will affect how IE sees but only way to find out is trial and error. Just make sure you backup first ;)

 

Beats changing the stylesheet uploading refreshing the screen to see if your changes have worked.

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...