Results 1 to 2 of 2

Thread: Notification bar on the top of the browser

  1. #1
    cinux Guest

    Notification bar on the top of the browser

    Hi All,

    This is my first question in this forum. hope you would help me in this issue.

    I would like to have a notification bar on the top of the home page.
    When user scrolls down he should able still view the notification bar on the top.

    For example please look at this website:

    http://stackoverflow.com/questions/1...ring-framework

    There is an orange coloured bar on the top of the page: FAQ

    please can any one help me on this issue ?

    Appreciate if any onr gives me a working sample


    Thanks in advance

  2. #2
    Join Date
    Nov 2006
    Posts
    53
    Use something like this. The main thing you are looking at is the position: fixed attribute. This keeps the position of the container fixed relative to the browser window itself, so since (in my html not posted) the header <div> is the first one displayed it is at the top of the page, and thus it will remain there even when scrolled. The container id below it was only created so that you can apply it to another <div> below it creating a scroll bar to see it work. So what this does is display an image (thumbs.gif) across the top of the page at all times.

    Code:
    #header {
    	height: 20px;
    	width: 100%;
    	background: url(thumbsup.gif) top left;
    	position: fixed;
    	}
    	
    #container {
    	height: 1300px;
    	width: 100%;
    	}

Similar Threads

  1. How to make top bar not reload again
    By chato in forum General Questions
    Replies: 1
    Last Post: 08 Jan 2007, 03:27 AM
  2. image in front of website adress in web browser adress bar
    By Paul81 in forum General Questions
    Replies: 1
    Last Post: 07 Jan 2006, 05:20 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •