This is the same problem as someone else. I have a gif image(http://www.boomspeed.com/sfhelpers/backgrounds/83.gif#) that I put on my xanga, and I want to make in show up on top of a different background image(which I think just needs to be transparent). The other problem, is when I use the code I have now(below), the gif only covers the right side of the page. I don't know how to control the width. Does anyone know how to fix these problems? I know its just a matter of writing the code correctly, but I don't know how.
<style type="text/css">
html {
background:#fff;
background-image: url(img.gif);
background-repeat: repeat-y;
background-position: left top;
height:100%;
margin:0;padding:0;
}
body {
background-image: url(img.gif);
background-repeat: repeat-y;
background-position: right top;
height:100%;
margin:0;padding:0;
}
</style>
Hi,
try putting your all your code in the body element and remove the html element, body is always more reliable. Also sometimes code works better if you put in a p element but dont forget to include your <p></p> in your html page!