X-Cart forums

[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: 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]

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]

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

Here is the link:

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

[balinor]

You need to tell the background to repeat:

background-repeat: repeat-y;

[VWD]

Thank you very much Balinor, it solved my problem

[Yurij]

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]

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]

Originally Posted by VWD

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

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

BACKGROUND-COLOR: #FFFFFF;

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

[VWD]

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.