No repeat Background

[Corriewf]

I have tried several different ways of doing this and none will work in IE.
Right now I have this on the end of my page background url " no-repeat fixed".

I know that http://forum.yaxay.com/ has thiers working in IE and FF, but when I try their format for no repeat and fixed, it still doesnt work....

Does anyone know of one that works?

[Guest190829]

body
{
background: url(urltoimage) fixed no-repeat;
}


should work...

[Corriewf]

This is the page background. Where do you suggest that I put that? Shoul I remove the primary line and use that whole code in the extra attributes or .....?

The reason I ask is that I beleive I have tried that code in a couple of instances.
This is what I have in the all style vars under the page background section:
url('http://saltcreep.com/forums/surge/barrierbackground1.jpg')no-repeat fixed

This is what it looks like on the page source:

.page
{
background: url('http://saltcreep.com/forums/surge/barrierbackground1.jpg')no-repeat fixed;
color: #F9F9F9;
}

[Guest190829]

well you could use inline css so the style only affects that tag on whatever page.

[Corriewf]

What did you say?

[Guest190829]

* Guest190829 is confused as too what you really want. :(

[Logikos]

I have tried several different ways of doing this and none will work in IE.
Right now I have this on the end of my page background url " no-repeat fixed".

I know that http://forum.yaxay.com/ has thiers working in IE and FF, but when I try their format for no repeat and fixed, it still doesnt work....

Does anyone know of one that works?


Admin Control Panel => Style Manager => All Style Options => Body Table => Extra CSS Attributes
Place this in there and edited the path to your image,

background-image: url(path/to/picture.gif); background-attachment: fixed; background-position: topleft; background-repeat: no-repeat;


This should work on all current browsers.

[Corriewf]

Ok, when I try that in the page background ( which is what im shooting for), it works in FF, but in IE it just shows the image and it isnt fixed. When I try it in the body it doesnt show period.

I am pretty sure that, that is the right code though......

Check out the style im working with:

http://www.saltcreep.com/forums/?styleid=10

I also want to mention that the image is bordered by this code in the header:


<!-- begin main inner table area-->
<table border="0" width="100%" cellpadding="10" cellspacing="0"
bgcolor="#1D2647">
<tr><td>
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#1D2647">

<!-- content table -->
<table bgcolor="#1D2647" width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>

[Logikos]

Hmmm, strang that it would do that. Give me a few mins to test what your doing on my server and i'll see what I come up with.

[Corriewf]

Hmmm, strang that it would do that. Give me a few mins to test what your doing on my server and i'll see what I come up with.


If you want I can give you admin rights to my board to test out some stuff instead of trying to emulate on yours. I trust you. :)

[Logikos]

Theres no need for that. For some reason the code I posted above only works in the body tag. I'll find a fix for this.

[Corriewf]

Ok, thanks for your help as I am sure there are others out there that have been looking for this.... Please ignore my pm btw.

Thanks for your help. :)

[Logikos]

Okay, after searching a few sites I keep coming across this statement.


I've come accross this bug before on background images in IE6. It is not a css bug, but a browser rendering bug in IE.

I've yet to find a workaround for it, but maybe some others here will have some ideas!

[Corriewf]

Okay, after searching a few sites I keep coming across this statement.

Well, the code you gave before, have you implemented it yourself and had it work?

The reason I ask is that its wierd that the boards whom I linked in my first post is working fine in IE, which leaves me to believe that theres a variable on my board thats conflicting.

[Logikos]

What your trying to do is this. The body tag has a repeated background image. The page tag has a fixed background image. IE6 does not consider the page tag as a fixed image because its not in the body tag. That's a bug in IE6.

If you we're to visversa it, then it would work. Example: Place the fixed background in the body tag, and place the repeated background in the page tag and it will work.

[Corriewf]

So would I just reverse where the code for those functions go, but keep the background url image in the page section?

Well when I take this code out of the header:

<table border="0" width="100%" cellpadding="10" cellspacing="0"
bgcolor="#1D2647">
<tr><td>
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#1D2647">

<!-- content table -->
<table bgcolor="#1D2647" width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>

Then put this code in the background css it works:

url('http://saltcreep.com/forums/surge/barrierbackground1.jpg')no-repeat fixed

If I leave the code in the header and try putting the code in the background css then the header code overrides the css and the image is not shown in the background. I think this must be because IE reads the code from top down...

[Logikos]

It works because its in the body tag. Before you had it in the page tag.

[Corriewf]

It works because its in the body tag. Before you had it in the page tag.

Yes, I knew it would work in the body tag before however I would have to compromise this code in my header to do it:


<table border="0" width="100%" cellpadding="10" cellspacing="0"
bgcolor="#1D2647">
<tr><td>
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#1D2647">

<!-- content table -->
<table bgcolor="#1D2647" width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>

The above code overides any css code for the background/body because IE reads from top to bottom. :(

Not to be redundant but please tell me if it is working for you all in your IE browsers?

http://www.saltcreep.com/forums/