|
|
|||||||||
|
|||||||||
| |||||||||
|
|
|
| |||||||||
![]() |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Rate Thread | Display Modes |
|
#1
|
|||
|
|||
|
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. |
|
#2
|
|||
|
|||
|
have you tried placing the menu elements to a div-container and add a
PHP Code:
|
|
#3
|
|||
|
|||
|
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 |
|
#4
|
|||
|
|||
|
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 |
|
#5
|
||||
|
||||
|
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 |
|
#6
|
|||
|
|||
|
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 |
|
#7
|
|||
|
|||
|
What you're describing is typically done with a frameset. Piece of cake.
|
|
#8
|
|||
|
|||
|
I am aware of that, but for this particular project frames are not an option.
|
![]() |
| Viewing: Dev Shed Forums > Web Design > Web Design Help > How to - Static Menu/Banner |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
|
|