PDA

View Full Version : non-scrolling background


Silent
December 28th, 2004, 16:48
Okay, so I want to put a Iframe on my webpage, and on the iframe page i want people to be able to press the scroll bar and see the rest of the content, however, I don't want the background to keep repeating as they scroll farther and farther down, I've seen it done before where the background stays in one position even though they are scrolling. Anyone know how to do that?
ezhost
December 28th, 2004, 17:24
this will help you
http://www.brownielocks.com/fixedbackground.html
cococomics
January 1st, 2005, 20:41
If you mean a fixed background INSIDE the iframe, you can use a much better alternative; the CSS overflow: auto..


Put the following in your <head> tags and modify as needed





<style type="text/css">
#scroll3 {
width:562;height:300;
;filter:alpha(opacity=100);
overflow:auto;
background: url( [your image URL] )
background properties:fixed;
}
</style>


(I think that's right)

Then where you want the iframe to be just put


<div id="scroll3">

[your content] [your content] [your content]

</div>
RangerOfFire
January 3rd, 2005, 07:01
<style type="text/css">
#scroll3 {
width:562;height:300;
filter:alpha(opacity=100);
overflow:auto;
background: url( [your image URL] );
background properties:fixed;
}
</style>




Thats more correct, not sure about the background properties though.