http://www.pokeproject.net/pokemon/ Look at the following page. When you click on one of the Image Links on the right hand side it shortcuts to that section of content on that page. I was wondering how would I get the Menu to go down with it. For example if someone clicked the "Misc" Link and shortcutted from the top of the page to the last Misc section, I would like the menu to float down with it for navigation. Anyone know how this can be done? Thanks, BlueEew.
In the stylesheet, add position: fixed; to the right panel. #right-panel{margin:0 0 0 650px; position: fixed;} BTW, the games link is not working because it has the wrong name, and there are two Anime headings but no Spin-offs heading.
Thanks for pointing the link errors out, I corrected them. I have added the code and now it sort of does what I want it to. However some of the buttons are not showing and when you scroll down it stays at the bottom of the screen and goes over the footer.
what if someone have small resolution so end of navigation is hidden like misc menu, i cant see it until i zoom out, how to fix that, when i scroll down menu to go up untill i see all menu items, than menu to became static?
Yeah, fixed positioning can be a problem because it's not well supported. What browsers are you using? The problem may be that zoom: 1; is not triggering haslayout. The docs say to use floating point number, so it should be zoom: 1.0; You can also use zoom: 100%; or zoom: normal;
Same here, but now I see the problem after resizing the window. Sorry, I don't know any easy solution to that. I think a script is needed to reposition the menu when the window is resized. There are lots of fixed JQuery menus around, maybe one of those would be more suitable.