Fixed Top page Header Div

Question

Review image below in the next message thread. I am trying to do two things below.

1. I am trying to develop a top header div similar layout with the button along with the vertical lines between each button.
2. I also want the div to freezed or static at the top of the page as users are scrolling.

Review the image file below in the next message thread.

Attachment: fixedscrollbar.zip

Sanjeeb Lenka · Answer

check this code in css: #header { background:red; height:50px; width:100%; position:fixed; top:0; left:0; }.scroller { height:300px; overflow:scroll; } in html: fixed div scrollable div

Iftikar Hussain · Answer

here it is for fixed header Test body { color: #000000; font: 12px/1.5em ArialHelveticasans-serif; margin: 0; padding: 0; width: 100%; } .pagewrapper { width: 100%; margin: 0; padding: 0; position:fixed; } Here is the main content and to display image in menu refer the below link http://forums.asp.net/p/1052310/1489454.aspx Regards Iftikar

David Smith · Answer

Ok. Both solutions work. I'm going to start another thread with the header I am trying to accomplish. Thanks for the fixed header.