Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Mozilla Firefox background image not showed neither column-with etc


abremen

Recommended Posts

Hi all!

I have struggled a couple of days with this and read both the posts here and on other sites but i havent got any sokution to my problem yet: I have changed stylesheet.css to show an backgrund image and to set column-widht and everything is working fine with IE, but on Mozilla it doesnt work at all, here's the code:

BODY {

 

background: #ffffff url(http://spectrumplants.com/catalog/images/bakgrund0832.jpg);

background-repeat: no-repeat;

background-position: center;

background-attachment: fixed;

color: #000000;

margin-top: 15px;

margin-left: 5%;

margin-right: 5%;

margin-bottom: 30px;

width: 500px;

 

}

I have tried to change from '%' to 'px' but no, it doesnt work, I have also tried to put the filename between " " but no! I have also checked the specifications from Mozilla regarding this but I cant see anything wrong with my stylesheet (or shall I call it styleshit? ;-) ) If anyone has a solution to this I would be thankful if You posted it here!

Link to comment
Share on other sites

Hi all!

I have struggled a couple of days with this and read both the posts here and on other sites but i havent got any sokution to my problem yet: I have changed stylesheet.css to show an backgrund image and to set column-widht and everything is working fine with IE, but on Mozilla it doesnt work at all, here's the code:

BODY {

 

background: #ffffff url(http://spectrumplants.com/catalog/images/bakgrund0832.jpg);

background-repeat: no-repeat;

background-position: center;

background-attachment: fixed;

color: #000000;

margin-top: 15px;

margin-left: 5%;

margin-right: 5%;

margin-bottom: 30px;

width: 500px;

 

}

I have tried to change from '%' to 'px' but no, it doesnt work, I have also tried to put the filename between " " but no! I have also checked the specifications from Mozilla regarding this but I cant see anything wrong with my stylesheet (or shall I call it styleshit? ;-) ) If anyone has a solution to this I would be thankful if You posted it here!

PLS help! Now I am almost giving up! I have searched throughout (almost) the net but I haven'r found a solution yet. Someone PLEASE HELP

Link to comment
Share on other sites

Try

BODY {
background-color: #FFFFFF;
background-image: url('http://spectrumplants.com/catalog/images/bakgrund0832.jpg');
background-repeat: no-repeat; 
background-position: center; 
background-attachment: fixed;
color: #000000;
margin-top: 15px;
margin-left: 5%; 
margin-right: 5%;
margin-bottom: 30px;
width: 500px;

}

Don't forget to refresh your page so you get the new stylesheet loaded.

Link to comment
Share on other sites

Try

BODY {
background-color: #FFFFFF;
background-image: url('http://spectrumplants.com/catalog/images/bakgrund0832.jpg');
background-repeat: no-repeat; 
background-position: center; 
background-attachment: fixed;
color: #000000;
margin-top: 15px;
margin-left: 5%; 
margin-right: 5%;
margin-bottom: 30px;
width: 500px;

}

Don't forget to refresh your page so you get the new stylesheet loaded.

 

Thx for the reply bktrain but unfortunately it didnt help. I guess something in my installation is overriding this directive or do You have any other suggestion?

Link to comment
Share on other sites

The problem is the background picture size. It is on 632 x 474. With backgroun-repeat set to no repeat the picture is being hidden. Either remove that part or set it to repeat.

Link to comment
Share on other sites

Forget the last 2 posts.

I took your stylesheet from your site and put it on mine. It did not wirk in Firefox for me either. There is something wrong with your stylesheet.

Here is a new one with all of your settings.

Delet your old stylsheet. Open up notepad copy and paste the following and save as stylesheet.css. I tried this one on my site and all worked ok in IE and Firefox.

/*
 $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 (c) 2003 osCommerce

 Released under the GNU General Public License
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.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-color: #FFFFFF;
 background-image: url('http://spectrumplants.com/catalog/images/bakgrund0832.jpg');
 background-repeat: no-repeat; 
 background-position: center; 
 background-attachment: fixed;
 color: #000000;
 margin-top: 15px;
 margin-botton: 30px;
 margin-left: 5%;
 margin-right: 5%;
 width: 500px;
}

A {
 color: #000000;
 text-decoration: none;
}

A:hover {
 color: #AABBDD;
 text-decoration: underline;
}

FORM {

}

TR.header {
 background: #ffffff;
}

TR.headerNavigation {
 background: #03380F;
}

TD.headerNavigation {
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
 background: #530D7F;
 color: #ffffff;
 font-weight : bold;
}

A.headerNavigation { 
 color: #FFFFFF; 
}

A.headerNavigation:hover {
 color: #FFFFC0;
}

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: #ffffff;
 font-weight: bold;
 text-align: center;
}

TR.footer {
 background: #03380F;
}

TD.footer {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 background: #530D7F;
 color: #ffffff;
 font-weight: bold;
}

.infoBox {
 background: #03380F;
}

.infoBoxContents {
 background: #FAEBFF;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

.infoBoxNotice {
 background: #FF8E90;
}

.infoBoxNoticeContents {
 background: #FFE6E6;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

TD.infoBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 font-weight: bold;
 background: #03380F;
 color: #ffffff;
}

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

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: #FAEBFF;
}

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: #FAEBFF;
}

TABLE.productListing {
 border: 1px;
 border-style: solid;
 border-color: #03380F;
 border-spacing: 1px;
}

.productListing-heading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 background: #03380F;
 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: #9966FF;
}

TR.subBar {
 background: #f4f7fd;
}

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

TD.main, P.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: #530D7F;
 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: #AF0D28;
 font-weight: bold;
}

SPAN.productSpecialPrice {
 font-family: Verdana, Arial, sans-serif;
 color: #ff0000;
}

SPAN.errorText {
 font-family: Verdana, Arial, sans-serif;
 color: #AF0D28;
}

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

Link to comment
Share on other sites

Forget the last 2 posts.

I took your stylesheet from your site and put it on mine. It did not wirk in Firefox for me either. There is something wrong with your stylesheet.

Here is a new one with all of your settings.

Delet your old stylsheet. Open up notepad copy and paste the following and save as stylesheet.css. I tried this one on my site and all worked ok in IE and Firefox.

/*
 $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 (c) 2003 osCommerce

 Released under the GNU General Public License
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.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-color: #FFFFFF;
 background-image: url('http://spectrumplants.com/catalog/images/bakgrund0832.jpg');
 background-repeat: no-repeat; 
 background-position: center; 
 background-attachment: fixed;
 color: #000000;
 margin-top: 15px;
 margin-botton: 30px;
 margin-left: 5%;
 margin-right: 5%;
 width: 500px;
}

A {
 color: #000000;
 text-decoration: none;
}

A:hover {
 color: #AABBDD;
 text-decoration: underline;
}

FORM {

}

TR.header {
 background: #ffffff;
}

TR.headerNavigation {
 background: #03380F;
}

TD.headerNavigation {
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
 background: #530D7F;
 color: #ffffff;
 font-weight : bold;
}

A.headerNavigation { 
 color: #FFFFFF; 
}

A.headerNavigation:hover {
 color: #FFFFC0;
}

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: #ffffff;
 font-weight: bold;
 text-align: center;
}

TR.footer {
 background: #03380F;
}

TD.footer {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 background: #530D7F;
 color: #ffffff;
 font-weight: bold;
}

.infoBox {
 background: #03380F;
}

.infoBoxContents {
 background: #FAEBFF;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

.infoBoxNotice {
 background: #FF8E90;
}

.infoBoxNoticeContents {
 background: #FFE6E6;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

TD.infoBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 font-weight: bold;
 background: #03380F;
 color: #ffffff;
}

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

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: #FAEBFF;
}

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: #FAEBFF;
}

TABLE.productListing {
 border: 1px;
 border-style: solid;
 border-color: #03380F;
 border-spacing: 1px;
}

.productListing-heading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 background: #03380F;
 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: #9966FF;
}

TR.subBar {
 background: #f4f7fd;
}

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

TD.main, P.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: #530D7F;
 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: #AF0D28;
 font-weight: bold;
}

SPAN.productSpecialPrice {
 font-family: Verdana, Arial, sans-serif;
 color: #ff0000;
}

SPAN.errorText {
 font-family: Verdana, Arial, sans-serif;
 color: #AF0D28;
}

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

 

This worked fine! Thank You bktrain!

Link to comment
Share on other sites

Archived

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

×
×
  • Create New...