Web Design Help
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me
Go Back   Dev Shed ForumsWeb DesignWeb Design Help

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old November 5th, 2004, 01:03 PM
BoarderX BoarderX is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Nov 2004
Posts: 22 BoarderX User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 7 h 39 m 19 sec
Reputation Power: 0
How to - Static Menu/Banner

Hello all,

I work as a part-time web designer for the city I live in, and the department's website I'm developing wants a static menu/banner. That is, they want the left menu and top image to remain in place while they can scroll through the information inside the website. I have already completed the majority of the website, and a good example of where I need this can be found:

http://www.hampton.gov/ed/welcome_welcome.html

Everything south of "Message from the Mayor" and east of the yellow dotted line needs to be scrollable. I really don't want to use frames, know of any other possible solutions?

I would really appreciate any help I can get on this, I simply can't find anything online. Thank you!

BoarderX2k3 @ aim / hotmail.com
Please feel free to reply, IM, or e-mail me.

Reply With Quote
  #2  
Old November 8th, 2004, 03:54 PM
Nyyla Nyyla is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Jul 2004
Posts: 48 Nyyla User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 6 h 15 m 15 sec
Reputation Power: 5
have you tried placing the menu elements to a div-container and add a
PHP Code:
 style="position:fixed;" 
to it?

Reply With Quote
  #3  
Old November 10th, 2004, 08:05 AM
BoarderX BoarderX is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Nov 2004
Posts: 22 BoarderX User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 7 h 39 m 19 sec
Reputation Power: 0
No, will I be able to add that div container to the banner as well? I think this is a good idea I'll be sure to try when I get to work, and I'll let you know if I'm able to get it. Thank you!

-BoarderX

Reply With Quote
  #4  
Old November 10th, 2004, 06:26 PM
Nyyla Nyyla is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Jul 2004
Posts: 48 Nyyla User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 6 h 15 m 15 sec
Reputation Power: 5
Try
<div style="position:fixed"><!--the banner stuff here--></div>
<div style="position:fixed"><!--the menu stuffis here--></div>
<!--the rest of the page-->

I don't know if this works well or not. Tell me how it goes

Reply With Quote
  #5  
Old November 10th, 2004, 07:30 PM
BonRouge's Avatar
BonRouge BonRouge is offline
Winemaster
Dev Shed Beginner (1000 - 1499 posts)
 
Join Date: Jul 2004
Location: Sendai, Japan
Posts: 1,354 BonRouge User rank is Second Lieutenant (5000 - 10000 Reputation Level)BonRouge User rank is Second Lieutenant (5000 - 10000 Reputation Level)BonRouge User rank is Second Lieutenant (5000 - 10000 Reputation Level)BonRouge User rank is Second Lieutenant (5000 - 10000 Reputation Level)BonRouge User rank is Second Lieutenant (5000 - 10000 Reputation Level)BonRouge User rank is Second Lieutenant (5000 - 10000 Reputation Level)BonRouge User rank is Second Lieutenant (5000 - 10000 Reputation Level) 
Time spent in forums: 3 Weeks 3 Days 2 h 52 m 6 sec
Reputation Power: 86
IE doesn't recognise position:fixed.

Here's one way to do what you want.

This is not perfect. It depends upon IE falling back into quirks mode. The xml declaration at the top is necessary for the layout to work.

It does work though.

All you have to do is put your content in the appropriate places.

One small problem with this is that if you're using Firefox and you try to scroll with a scroll wheel the page kind of scrolls up (try and you'll see what I mean).
-You can change this a couple of ways - you can reset the bottom of the text div to bottom:0, but then, you get a horizontal scrollbar.
- You could add a static footer too - the footer could hide the horizontal scrollbar.

I hope this helps.

Last edited by BonRouge : November 10th, 2004 at 09:09 PM. Reason: Adding more details

Reply With Quote
  #6  
Old November 12th, 2004, 07:19 AM
BoarderX BoarderX is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Nov 2004
Posts: 22 BoarderX User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 7 h 39 m 19 sec
Reputation Power: 0
Sorry I have been slow... I'm also working on a couple of other projects too... I haven't had a chance to test any of these possibilities yet but I really really appreciate the help. I will still post when I have figured something out. Thanks again.

-BoarderX

Reply With Quote
  #7  
Old November 14th, 2004, 07:19 PM
fbraun fbraun is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Oct 2004
Posts: 307 fbraun User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 18 h 4 m
Reputation Power: 0
What you're describing is typically done with a frameset. Piece of cake.

Reply With Quote
  #8  
Old November 15th, 2004, 02:34 PM
BoarderX BoarderX is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Nov 2004
Posts: 22 BoarderX User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 7 h 39 m 19 sec
Reputation Power: 0
I am aware of that, but for this particular project frames are not an option.

Reply With Quote
Reply

Viewing: Dev Shed ForumsWeb DesignWeb Design Help > How to - Static Menu/Banner


Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump


Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 





© 2003-2008 by Developer Shed. All rights reserved. DS Cluster 4 hosted by Hostway