Home/ Questions/Q 8985621
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-15T21:22:12+00:00

I have looking for an example to create a header which will stay static

  • 0

I have looking for an example to create a header which will stay static while page is scrolled down. Exactly like this example.

I looked at this one, this one and some more but didn’t find properly working example.

Thanks in advance

<!DOCTYPE html> 
<html> 

<head>
    <style>
    #header { height: 100px; background:#EEEEEE; }
    #footer { height: 100px; background:#EEEEEE; }
    #content { height: 1000px; background:#CCCCCC; }
    </style>

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
</head>
<body>

    <div id="container">
      <div id="header">Header</div>
      <div id="content">Content</div>
      <div id="footer">Footer</div>
    </div>

</body> 
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    CSS position:fixed is what you are looking for:

     #header { height: 100px; background:#EEEEEE;top:0;left:0;position:fixed }
    • 0