/    Sign up×
Community /Pin to ProfileBookmark

fixed y position AND relative x-position? possible?

Copy linkTweet thisAlerts:
Aug 11.2011

I’m developing a site at: [URL=”http://www.impactgr.com/chris/test4″]http://www.impactgr.com/chris/test4
[/URL], and I would like the navigation menu (on the left) to be the only thing affected by scrolling. So the content area (on the right) won’t scroll at all, it will just remain fixed.

I tried to do this with position: fixed; but of course fixed positioning is relative to the browser window..

It’s like I need the x-positioning to be relative to the containing div, but I need the y-positioning to be relative to the browser window..

Is this even possible?

Thanks for any help!!

to post a comment
CSS

1 Comments(s) ↴

Copy linkTweet thisAlerts:
@rtretheweyAug 12.2011 — position:fixed works much like position:absolute. The position of the element is determined in relation to the parent positioned element - which is not necessarily the browser window by any means, even though that's the most common usage.

It seems to me that to accomplish what you want, you need to set the 'rightcontent' <div> to position:fixed, not the navigation menu. Good luck!
×

Success!

Help @realmuffin spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.19,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...