You can do it using frameset, but I personally don't like frames...
What you want is fixed position.
On your page, you need to place a div, or other block element, and give it an id:
Code:
<div id="fxid"> Information will go in here. </div>
and then on your CSS stylesheet, include:
Code:
#fxid {
position:fixed;
top:20%;
left:0;
height:100px;
/* I don't like making height dynamic so in this example, I assigned it a value */
}
You can change the "fxid" to whatever you want, but you have to keep the pound sign (#) in the CSS stylesheet.
The only problem is that the position:fixed does not work in IE (I haven't tried on IE7). So you may want to go with framesets. Or, you can use some
fancy JavaScript to get it to "float" where you want it. We used it one year to create a OSX-ish type navigation that always stayed on the bottom of the screen. He also has a version that
mimics fixed position
.
Search
w3schools for information on CSS, JavaScript, or framesets if you want to do more or differently.