CSS fixed header

Здравейте,

искам да направя страница с неподвижен хедър, който винаги си седи най-отгоре независимо от вертикалното скролване на страницата.
Рових доста и намерих няколко примера, но всичките имат един общ недостатък - ако кликнете връзка вътре в самия файл (anchor) , тоя anchor остава скрит зад хедъра. Сложил съм примерен код, ще видите проблема ако кликнете линка top най-отдолу.

Някаква идея как да се оправи?

10х

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">

<HTML><HEAD>

<title>Fixed header</title>

<style type="text/css">

 body{

  margin:0;

  padding:100px 0 0 0;

 } 

 div#header{

  position:absolute; top:0;

  left:0;

  width:100%;

  height:100px;

  color:white;

  background:green;

 }

 @media screen{

  body>div#header{

   position:fixed;

  }

 }

 * html body{

  overflow:hidden;

 } 

 * html div#content{

  height:100%;

  overflow:auto;

 }

</style>

</HEAD><BODY>

<div id="header">

 <p>this is a fixed header

</div>

<div id="content">

<a name="top"></a><b>top of the page</b>



test











































































<a href="#top">top</a>







</div>

</BODY></HTML>

форума нещо ми омаза кода, над <a href="#top"> трябва да се наблъскат стотина тага BR за да се появи вертикален скролбар.

background: white на #content е задължително, защото поради бъг в IE, като махнем външния скрол и вътрешния отебава да скролира с mouse wheel.

[линк]

There are three determined states the cat could be in: Alive, Dead, and Bloody Furious.

Cool !!
:)
Mного ти благодаря!

мислех че само ИЕ разбира expression

Яко :) а има ли начин да му се добави и неподвижен фуутер ?

[линк]



There are three determined states the cat could be in: Alive, Dead, and Bloody Furious.