strech not tile

Like I said earlier, just use multiple layers.

first setup a background layer, and set it so that it appears behind all the other objects.
put an image in it an set that image to be 100% of the page space (so it stretches for all resolutions)
then put the content in on top of that.
Code:
<style>
.bgimg {
width: 100%;
height: 100%;
}
.bg {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: -1;
}

</style>
<div class="bg">
	<img src="Image Source" class="bgimg">
</div>
 
<!-- place all your page content here -->
 
No, I think you misunderstand... that's an example.

put the part that says
Code:
<style>
.bgimg {
width: 100%;
height: 100%;
}
.bg {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: -1;
}

</style>
<div class="bg">
	<img src="Image Source" class="bgimg">
</div>
in the top of your document
change the line
Code:
<img src="Image Source" class="bgimg">
to look at the right image file from your site that you want as the background.
Code:
<img src="http://www.mydomain.com/myimages/mybackground.jpg" class="bgimg">

ignore the part that says
Code:
<!-- place all your page content here -->
or do as it suggest and place the contents of your page there.
 
Any chance that you coud provide a link so we can see the code that you are using?
 
Code:
<style>
.bgimg {
width: 100%;
height: 100%;
}
.bg {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: -1;
}

</style>
<div class="bg">
	<img src="The pic im tryin to use as a background" class="bgimg">
</div>
 
Um, i'm PRETTY sure the reason that's not working, is because your not putting your "style" tag in the "Head" section of your page.
When your dealing with clean html, this is a must usually. here's what i got.
Code:
<html>
<head>
<title>None</title>
<style>
.bgimg {
width: 100%;
height: 100%;
}
.bg {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: -1;
}

</style>
</head>

<body>

<div class="bg">
	<img src="The pic im tryin to use as a background" class="bgimg">
</div>
</body>
</html>

Voila. Worked for me.
 
Back
Top Bottom