Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Westi on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

how to fixed a header with a scrolling list

Status
Not open for further replies.

denis60

Technical User
Apr 19, 2001
89
CA
Hi!

I want to create a web page with a scrolling list and a fixed header. My web page is create with window.open and document.write. I thought using frameset and replace "src=" with my body code but it fail.

Any better idea would be apreciate
 
how about two divs, one that is scrollable?
Code:
<style type="text/css">
 #header {
   width: 100%;
   height: 100px;
   background: blue;
}

 #main {
  width: 100%;
  height: 300px;
  overflow: auto;
  background: red;
}
</style>

<div id="header"></div>
<div id="main"></div>
This example should show you what you want, the scrollable bottom section and a fixed top. Just fill main with lots of text.
 
Thanks you for the hint Vragabond
I tried it right now
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top