rejetto forum

Resizeable background

0 Members and 1 Guest are viewing this topic.

Offline badincite

  • Occasional poster
  • *
    • Posts: 6
    • View Profile
im using the template attached and i want to have a resizeable background so the background image doesnt repeat it just stretches to fit the screen

and this code will resize the background but i cant seem to get it to work right in here


<style type="text/css">
html, body {margin:0; padding:0; height:100%; }
#background{position:absolute; z-index:1; width:100%; height:100%;}
</style>
</head>

<body>

<div>
<img id="background" src="http://img231.imageshack.us/img231/9342/bluebackzi5.jpg" alt="" title="" />
</div>
<div id="fixed">




Offline TSG

  • Operator
  • Tireless poster
  • *****
    • Posts: 1935
    • View Profile
    • RAWR-Designs
I don't understand where you want that background image to go... But depending on the doctype you are using, stretching an image may be impossible.... for inserting the image into the page body. In the [style] part up the top...

body {
    height:100%;
    padding:0;
    margin:0 0 0 150px;
    color:#a0a0a0
    text-align:left;
    font-size:9pt;
    font-family:Tahoma,Arial,"MS Sans Serif",sans-serif;
    background:url('http://img231.imageshack.us/img231/9342/bluebackzi5.jpg') fixed bottom right no-repeat #101010;
}

That template is terribly written :-\ it is also showing its age, but each to their own I guess.

This website might help you.
http://www.w3schools.com/
« Last Edit: June 28, 2008, 04:27:14 AM by That_Stevens_Guy »


Offline badincite

  • Occasional poster
  • *
    • Posts: 6
    • View Profile
I was trying to have it be the whole background of everything I figured it was impossible with this template i just used a extra large fixed image on the right side not exactly what i was looking for. Yeah it was one i grabbed of here it serves it purpose but id like to get one where the background stretches to fit


Offline TSG

  • Operator
  • Tireless poster
  • *****
    • Posts: 1935
    • View Profile
    • RAWR-Designs
Pretty sure its not possible. And anyway, why would you want that to happen? its just going to get pixelly and distorted lol.


Offline badincite

  • Occasional poster
  • *
    • Posts: 6
    • View Profile
Pretty sure its not possible. And anyway, why would you want that to happen? its just going to get pixelly and distorted lol.

Not if i make it big enough and screens only get but so big