CSS Header...

[devolution]

Anyone know how to accomplish a static header like on here:

Movie Review - Wendy and Lucy - This (New) American Life - NYTimes.com

 

[bensdbensd is verified member.]

Something like this should work:

#TopBar {
width: 100%; < change this to whatever value you need
height: 20px; < change this to whatever value you need
position: fixed;
top: 0;
}

Google "position: fixed;" for some examples.

-Ben

 

[tifosi]

Optionally you could also put a padding on the wrapper div or body to move the page down by the height of the fixed div to make the header flush with the bottom of the fixed div

#topBar {
width:100%;
height: 3em;
}
BODY {
padding-top: 3em
}