I keep attempting to use Lissa's css bg coding for this, but nothing ever shows up. :confused: What I really want to do is have a tiled background image and on top of that, have another image that is located on the bottom right corner, fixed. Can someone show me how to code this, if possible. Thankss.

Also, is it just me or does anyone else experience odd things like bg not showing up even with correct codings? If anyone has any explanations, that would be great.

Here's my css so far, if anyone sees anything that might be the leading cause of the bg issue, please help point that out:

<style type="text/css">

body {

}

A:link
{ text-decoration: underline; font-weight: normal; color: #666666; cursor: default; }
A:visited
{ text-decoration: underline; font-weight: normal; color: #666666; cursor: default; }
A:active
{ text-decoration: underline; font-weight: normal; color: #666666; cursor: default; }
A:hover
{ text-decoration: none; font-weight: normal; color: #666666; cursor: default; }

#tableheader {
background-color: #aadbdc;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 8px;
font-family: Verdana;
text-transform: uppercase;
line-height: 8pt;
padding: 2;
letter-spacing: 0px;
color: #666666;
}

#tablecontent {
background-color: #bdebed;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 10px;
font-family: Georgia;
line-height: 8pt;
padding: 3;
letter-spacing: 0.5px;
color: #666666;
}

#tablesideheader {
background-color: #E6E6E6;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 8px;
font-family: Verdana;
text-transform: uppercase;
line-height: 8pt;
padding: 2;
letter-spacing: 0px;
color: #666666;
}

#tablesidecontent {
background-color: #d3d2d2;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 10px;
font-family: Georgia;
line-height: 8pt;
padding: 3;
letter-spacing: 0.5px;
color: #666666;
}

#tableunspecified {
background-color: ;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 10px;
font-family: Georgia;
line-height: 8pt;
padding: 3;
letter-spacing: 0.5px;
color: #666666;
}

</style>

I can't see any background images in your code at all.

body {
background: url(backgroundimage.jpg) repeat;
}

#image {
background: url(image.jpg) bottom right no-repeat;}

Then use:

<div id="image"></div>

I had taken the coding off because it was messing up the rest of my layout. I was wondering if I had made a mistake on the rest of my css, which could be the reason why my bg wouldn't show.

Thanks for your help, I'll have to try it out and see if my css will behave strangely again but this one looks different from the ones that I tried. :) I'll post back if I see any problems.

:( :( :( :(

Didn't work. The coding looks as though it should have been correct. I'm guessing that it's something on my site. I made sure that the coding was correct on my other attempts. I noticed that my background would only show if I post it on my actual page, instead of in the stylesheet.

NEW SOLUTION.

<STYLE type="text/css">
html { background: bottom right url(testing.gif) fixed no-repeat; }
html, body { margin: 0; border: 0; padding: 0; }
p { margin: 2em; }
</STYLE>

If I post that on my main page, the image will appear in the correct place. One issue though, the background image won't appear with both the codings on the same page. Can anyone turn the code above and somehow include the part with a tiled background?

Can you provide a link to your page? It's hard to tell what the problem is without seeing the actual page.

I guess the problem is IE though, if you're using html {}

Link to Site (http://www.jonasbrothersfan.net/)

I'm using Mozilla Firefox, by the way.

Try this:

<div id="footer"></div>


CSS:

#footer {
clear: both;
width: ***px;
height: ***px;
background: url(image.jpg) no-repeat bottom right;
margin: 0px;}

By the way, remove <style type="text/css"> and </style> from your CSS file