well you can make so that the header/sidebar static by making diferent divs/tables. so the blog is contained in a div that forces to scroll when overflowed

btw the websites you give do not desmonstrate the staying header/sidebar. they also scroll down normally

hi thanks for pointing that out.

here are the links:

1) http://www.csszengarden.com/?cssfile=/120/120.css&page=0

2) http://www.csszengarden.com/?cssfile=/115/115.css&page=1

3) http://www.csszengarden.com/?cssfile=/090/090.css&page=4

is that what these sites have done is to create a table?

thanks,
kza

The first two are just fixed background images. Not that big a trick really - you specify a background image in your body tag then tell it where to be and that it can not scroll with the page.

body {
  background-image: url('images/your-groovy-background.jpg'); 
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-color : white;
}

Check out http://www.w3.org/TR/REC-CSS2/colors.html#q2 for the details on how to position the image where you want.

The third is way-cool! Basically the bottom stuff is in a div that has a higher priority (Z-index?) than the div it is on top of, and has been pushed down to the bottom of the screen. The scroll bar lets you see the parts of the other div that's not fixed in place. Unfortunately I have no clue how it all works or how to apply it to a b2evo page. Lets hope someone smart comes along and shows us how easy it is :lol: