Background problem

[edi67]

why if i use Firefox i not see my background page and also if i open my forum with IE of every others browser i see background ?

my forum:  http://www.forumzone.net.ru/index.php

[xenovanis]

Happens to me in both IE and Firefox. Looks like there is something wrong with the themepaths. Is this the default theme? Do other themes load the same?

[edi67]

yes is the only default theme... very strange yes?

[xenovanis]

Are you sure the path is correct? Use repair_settings to check it.

What is repair_settings.php?

[edi67]

Are you sure the path is correct? Use repair_settings to check it.

What is repair_settings.php?

done but as i told you is all perfect......

some solution ?

[kegobeer]

This isn't the correct way to call the background image:

Code Select Expand

background-image: url(/Themes/default/images/bkgFZfinal Copy.jpg);

This is the correct way:

Code Select Expand

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

CSS calls the image from where the style.css sheet is located.  Currently, it would be looking for /Themes/default/Themes/default/images/bkgFZfinal Copy.jpg.

[edi67]

This isn't the correct way to call the background image:

Code Select Expand

background-image: url(/Themes/default/images/bkgFZfinal Copy.jpg);

This is the correct way:

Code Select Expand

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

CSS calls the image from where the style.css sheet is located.  Currently, it would be looking for /Themes/default/Themes/default/images/bkgFZfinal Copy.jpg.

i done all you told me but as you can see with IE, and other browser background appear with FIREFOX no...why so...grrr

[1MileCrash]

where did put it? It should NOT go where it says "the main body of the entire forum". Is that where you put it?

[edi67]

where did put it? It should NOT go where it says "the main body of the entire forum". Is that where you put it?

background image is called by Style.css file, in directory /Themes/default

[1MileCrash]

no, where did you put the image script in style.css?

[tentronik]

What does the css body tag look like?

[edi67]

no, where did you put the image script in style.css?

here:

/* By default (td, body..) use Tahoma in black. */
body, td
{
   color: #000000;
   font-size: small;
   font-family: Tahoma, arial, helvetica, serif;
}

/* The main body of the entire forum. */
body
{
   background-image: url(images/bkgFZfinal Copy.jpg);
   margin: 0px;
   padding: 0px;
}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
   font-size: 9pt;
   color: #000000;
   font-family: Tahoma, arial, helvetica, serif;
}

[1MileCrash]

the actual background that you see is divided among three tags, they are #headerarea,
#footerarea, and #bodyarea. It is near the bottom of the CSS, that is where you should add it.

This part-

Code Select Expand

/* The main body of the entire forum. */
body
{
  background-color: #ffffff;
  margin: 0px;
  padding: 0px;
}
Is a "background of the background". It will show when you refresh, (sometimes), if you change the forum width to be less than 100%, etc. Leave it alone. There is no real reason to change this part. Just have it as a general hue match.

[tentronik]

remove the first body tag, and yes there are like 3 or more area tags for the SMF default theme (header, bodypart, footerarea),

Code Select Expand

td
{
   color: #000000;
   font-size: small;
   font-family: Tahoma, arial, helvetica, serif;
}

/* The main body of the entire forum. */
body
{
   background-image: url(images/bkgFZfinal Copy.jpg);
   margin: 0px;
   padding: 0px;
}

this is mine mambo

Code Select Expand


body{
margin: 2px;
background: url(../images/q/main_bg.jpg) repeat-x;
background-color: #000;
}

SMF

Code Select Expand

body
{
background-color: #000;
margin: 0px;
padding: 0px;
}


[1MileCrash]

no, you are supposed to add it here-

Code Select Expand

/* This is the white header area where the title, menu bars, and header boxes are. */
#headerarea
{
   background-image: url(images/"your image");
   border-bottom: 0px solid gray;
}
/* This is the main area of the forum, the part that's gray. */
#bodyarea
{
   background-image: url(images/"your image");
}
/* And this is the bottom, where the copyright is, etc. */
#footerarea
{
   color: black;
   background-image: url(images/"your image");
   border-top: 0px solid gray;
}

[tentronik]

no, you are supposed to add it here-

Ok could be 1 of those too sure.
I had a similar problem and it turned out it was the main body css tag.

Oh and might be as i see now that you need change the image URL :p ?
this
  background-image: url(images/bkgFZfinal Copy.jpg);
change to
   background-image: url(../images/bkgFZfinal Copy.jpg);

AND
rename the image to
bkgFZ_BodyBg.jpg
so finally

Code Select Expand

   background-image: url(../images/bkgFZ_BodyBg.jpg);
The path depends on your theme dirctory.
When its default use

Code Select Expand

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

[edi67]

no, you are supposed to add it here-

Code Select Expand

/* This is the white header area where the title, menu bars, and header boxes are. */
#headerarea
{
   background-image: url(images/"your image");
   border-bottom: 0px solid gray;
}
/* This is the main area of the forum, the part that's gray. */
#bodyarea
{
   background-image: url(images/"your image");
}
/* And this is the bottom, where the copyright is, etc. */
#footerarea
{
   color: black;
   background-image: url(images/"your image");
   border-top: 0px solid gray;
}

i made all your modifications but nothing changed with FIREFOX i cnanot see background image may be is one FIREFOX problem i dont know realy ..

[1MileCrash]

it doesnt show up in Opera either, but i do see it in IE. That is odd, because i see background images for my themes just fine in opera.

[kegobeer]

Try removing the space in your filename.  Rename it to bkgFZfinalCopy.jpg (and update your style.css file accordingly) and your problem should vanish.  Spaces in filenames can cause non-IE browser issues.  Generally, spaces in filenames aren't a good idea - if you have other files with spaces, I recommend renaming those files as well.

[edi67]

Try removing the space in your filename.  Rename it to bkgFZfinalCopy.jpg (and update your style.css file accordingly) and your problem should vanish.  Spaces in filenames can cause non-IE browser issues.  Generally, spaces in filenames aren't a good idea - if you have other files with spaces, I recommend renaming those files as well.

Great thanx very incredible one space inside name cause problem with Firefox so strange but realy thanx for suggestion