williamrouse Posted April 21, 2010 Report Posted April 21, 2010 Several months ago I downloaded a free template for a website, and then promptly forgot about it. I then remembered that it had a feature that I like and wondered how it was done. In the attached image you can see a menu on the left that stays fixed as the window scrolls. I would like to learn how to do this so I am asking for help to research this. Thanks! WBR Quote
Andrea Posted April 21, 2010 Report Posted April 21, 2010 Have you looked at the source? That usually tells you what's going on. Quote
virtual Posted April 21, 2010 Report Posted April 21, 2010 position: fixed; is probably your solution. It generates an absolutely positioned element, positioned relative to the browser window. The element's position is specified with the "left", "top", "right", and "bottom" properties. Quote
PicnicTutorials Posted April 21, 2010 Report Posted April 21, 2010 Just give it position fixed with no left/right/top/bottom. It will position from where it lies in the html. Use margins to place it. Otherwise you have to wrap it in a AP container and position it off that. Quote
falkencreative Posted April 21, 2010 Report Posted April 21, 2010 Just keep in mind that IE6 and position:fixed don't mix -- IE6 doesn't support it. You can get around this though if IE6 support is important to you by implementing some sort of CSS hack (http://www.cssplay.co.uk/layouts/fixed.html for example, or you'll probably find others if you search for "position fixed IE6"). Quote
williamrouse Posted April 21, 2010 Author Report Posted April 21, 2010 Thank you, and then the obvious, I have a lot to read and learn, but thanks again for all you help. WBR Quote
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.