Welcome to WebmasterWorld Guest from 54.160.177.33

Forum Moderators: not2easy

Message Too Old, No Replies

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)

Junior Member

10+ Year Member

joined:Nov 18, 2003
posts:77
votes: 0


Hello

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.

Thanks
Kenton

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

Senior Member

WebmasterWorld Senior Member drdoc is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Mar 15, 2002
posts:6807
votes: 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)

Junior Member

10+ Year Member

joined:Nov 18, 2003
posts:77
votes: 0


That was oh so easy.

Thanks Heaps

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

Junior Member

10+ Year Member

joined:Nov 18, 2003
posts:77
votes: 0


Not that I'm ungratefull or anything ...

Can the scroll be restricted to vertical?

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

Senior Member

WebmasterWorld Senior Member drdoc is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Mar 15, 2002
posts:6807
votes: 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)

New User

10+ Year Member

joined:Mar 5, 2004
posts:13
votes: 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.