X-Cart forums - Background image not showing in Firefox, but looks ok in IE

X-Cart forums (https://forum.x-cart.com/index.php)

- Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)

- - Background image not showing in Firefox, but looks ok in IE (https://forum.x-cart.com/showthread.php?t=40745)

VWD	06-26-2008 04:44 AM

Background image not showing in Firefox, but looks ok in IE

Hi there, this is my first post to this forum.
I hope someone here can help me with this little problem.
My homepage looks ok in Internet Explorer, but looks goofy in Firefox 3, problem is I added an background image in Skin1.css, looking like this:

}
HTML,BODY
{
HEIGHT: 100%;
MARGIN: 0px;
PADDING: 0px;
BACKGROUND-COLOR: #000000

}
BODY {background: url(images/homepage01.jpg);
}

The idea is that the image is to show over the whole page like it does in IE, but when using Firefox, it only shows the background image halfway over the pages.

Anyone plz help.
Thnx VWD

Yurij

06-26-2008 04:54 AM

Re: Background image not showing in Firefox, but looks ok in IE

Quote:

Originally Posted by VWD

Hi there, this is my first post to this forum.
I hope someone here can help me with this little problem.
My homepage looks ok in Internet Explorer, but looks goofy in Firefox 3, problem is I added an background image in Skin1.css, looking like this:

HTML,BODY
{
HEIGHT: 100%;
MARGIN: 0px;
PADDING: 0px;
BACKGROUND-COLOR: #000000;
}
BODY
{
background-image: url(images/homepage01.jpg);
background-position: top left;
}

The idea is that the image is to show over the whole page like it does in IE, but when using Firefox, it only shows the background image halfway over the pages.

Anyone plz help.
Thnx VWD

Try use this code:

PHP Code:


		
			
HTML, BODY
{
    HEIGHT: 100%;
    MARGIN: 0px;
    PADDING: 0px;
    BACKGROUND-COLOR: #000000;
               }
BODY 
{
    background-image: url(images/homepage01.jpg);
    background-position: top left;
}

If that does not help, give a link to your site.

VWD	06-26-2008 05:02 AM

Re: Background image not showing in Firefox, but looks ok in IE

Thank you, but it didn╢t solve my problem.

Here is the link:

http://www.bbtech.se/home.php

balinor

06-26-2008 05:04 AM

Re: Background image not showing in Firefox, but looks ok in IE

You need to tell the background to repeat:

background-repeat: repeat-y;

VWD	06-26-2008 05:15 AM

Re: Background image not showing in Firefox, but looks ok in IE

Thank you very much Balinor, it solved my problem :-)

Yurij

06-26-2008 05:48 AM

Re: Background image not showing in Firefox, but looks ok in IE

Quote:

Originally Posted by VWD

Thank you very much Balinor, it solved my problem :-)

I would have done so (without background repeat):

PHP Code:


		
			
HTML, BODY
{
    HEIGHT: 100%;
    MARGIN: 0px;
    PADDING: 0px;
    BACKGROUND-COLOR: #60615b;
               }
BODY 
{
    background-image: url(images/homepage01.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}

VWD	06-30-2008 02:13 AM

Re: Background image not showing in Firefox, but looks ok in IE

Thanks to both of you, it works either way.
But If I put the code underneath the image, it doesn╢t work.

//Working code
}
HTML,BODY
{
HEIGHT: 100%;
MARGIN: 0px;
PADDING: 0px;
BACKGROUND-COLOR: #FFFFFF
background-repeat: no-repeat; // or background-repeat: repeat-y;

}
BODY {background: url(images/homepage01.jpg);
}
FORM {
MARGIN: 0px;
}

Yurij

06-30-2008 02:33 AM

Re: Background image not showing in Firefox, but looks ok in IE

Quote:

Originally Posted by VWD

!!!!!!!!!!!!!!!!!

BACKGROUND-COLOR: #FFFFFF;

background-image: url(images/homepage01.jpg);

VWD	06-30-2008 05:44 AM

Re: Background image not showing in Firefox, but looks ok in IE

Ok, thank you, tried it, but for some reason doesn╢t work for me, firefox looks funny when I add -image to background. So I╢m sticking with the code I have already. Thank you for your help, we can close this thread now.

All times are GMT -8. The time now is 03:53 PM.