I'd like to add a vertical social icon list to a blog, so that it the icon group stays visible at the same horizontal location when scrolling. But rather than have it anchored in relation to the left (or right) of the viewport, I'd like to have it stay just to the left of a fixed-width content area that is horizontally centered within the viewport, so that if the window is resized, the position of the icons stay just to the left of the content area, and not move further left or right in relation to it.
I know I've seen this done somewhere, but I can't locate an example right now. I'm guessing that this might require a JavaScript to dynamically calculate the distance between the left edge of the content area and the left margin of the viewport, though I'd prefer it if it could be handled with pure CSS. And if a JavaScript is required, then would the icon group be set to position:absolute or position:fixed? It seems as though you could arrive at a suitable calculation from either starting place, though absolute the value of the top attribute would require dynamic control, and with fixed, the value of the left attribute would require dynamic control. And how would the position be smoothly updated when the window is resized? I understand that this may be falling slightly outside of a pure CSS question, but I would welcome a suggestion for how to proceed or where to find an example. Thanks, Rick Gordon -- ___________________________________________________ RICK GORDON EMERALD VALLEY GRAPHICS AND CONSULTING ___________________________________________________ WWW: http://www.shelterpub.com ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
