homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderator: open

CSS Forum

Fixed Top Navigation or Menu Bar in CSS
I've seen the side bar sol'ns - is there a top sol'n

 3:57 am on Mar 26, 2004 (gmt 0)


I've been asked to remove the frames from a website. I've started using CSS on my own site and recon it's the bees knees.

So, I was wondering if it was possible to emulate frames using CSS such that the top "frame" (with the title and nav buttons) doesn't scroll but the lower "frame" has a scroll bar and moves if required.




 4:25 am on Mar 26, 2004 (gmt 0)

It sure is! Just give the content area a set height and specify overflow:scroll.


 4:44 am on Mar 26, 2004 (gmt 0)

That was oh so easy.

Thanks Heaps


 4:52 am on Mar 26, 2004 (gmt 0)

Not that I'm ungratefull or anything ...

Can the scroll be restricted to vertical?


 6:06 am on Mar 26, 2004 (gmt 0)

Technically speaking? No...

However, there is overflow-x and overflow-y (both taking the same settings as overflow), but they are IE proprietary.


 11:38 pm on Mar 28, 2004 (gmt 0)

I use overflow:auto and then specify overflow-y:scroll.
This gives the desired effect in everything I've tried. Unless of course it is forced to overflow in the x direction also. ie. an image perhaps.

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved