PDA

View Full Version : fixed header and navbar so content scrolls under them?


scifin
04-01-2009, 02:58 AM
I am building this site (which I'm just working out the layout of currently) and I'd like to lock the header and navbar to the top of the screen and then have the content of the page just scroll under them; anyone know how to code that in DWCS4?

http://www.grahamgiunta.com/testing-b.html

edbr
04-01-2009, 03:30 AM
you could just use a 'content' div with fixed dimensions and in the css stipulateoverflow:scroll:

alternate is to put heder + nav in a position fixed div

scifin
04-01-2009, 04:04 AM
Do you know how to code either one or could you point me to a tutorial on how to do it?

Or, do you have a suggestion on how to keep all of the content but not have the page be so long and requiring so much scrolling?

edbr
04-01-2009, 05:15 AM
#content { width:100%; height:300px; overflow:scroll;
}