how to place a div like this

hello
I want a method to make a page with these elements

1. 
   DIV element with width 100% and hieght:20px and placed on top of page,this div will not scroll up when the user scroll the page (this will be as same as a toolbar)

• 
  the page will be Iframe with height and width equal to all the page

as in example bellow
http://stackoverflow.com/

thanks in advance

 

It is achievable using AJAX. Not merely using CSS.

 

The div can be stationary by giving the div CSS properties position: fixed; top: 0px; left: 0px; z-index: 1; width: 100%; height: 20px;. StackOverflow.com is not using an iFRAME.

 

thank you
sooo what ajax script can do this job?

 

AJAX is not needed or used to create the effect (1 and 2) that you mentioned above.

 

from the site the OP provided -

It's plain old javascript!

 

Yeah, if it were me, I'd use JavaScript for this... But if you're persistant on CSS, try this:

I've used this code before and it works, but some browers had some issues...

 

you do not need javascript for this only cSS

 

thank you all
really I just need javascript and CSS
I will finish the work and will introduce a demo page here

 

The javascript is there simply so that people only see that bar one time. That's all it does.

With pure css, the bar would always be there. If this is ok, you can just use CSS. Notice that IE6 doesn't do position: fixed so possibly you might want to hide the bar entirely for that browser rather than writing a bunch of JS or CSS Expressions to get IE6 to behave.