css - Fixed panels while scrolling on a centered design -


okay, i'd use layout has 3 divs (laid out columns). outer 2 navigation related, i'd them remain in place user scrolls. middle part house content, need scroll page.

i know you'd use position:fixed, i'd whole design centered on page. using fixed positioning won't allow move horizontally should in centered design. know of way meet of criteria?

i've setup jsfiddle started: http://jsfiddle.net/8rqet/

use position:fixed; left: 50%; margin-left: ??px on outer elements:

http://jsfiddle.net/m5x7q/

  • left: 50% centers left edge of each element page: http://jsfiddle.net/m5x7q/1/
  • then, correct amount of margin-left places each element needs be.

Comments

Popular posts from this blog

c# - SharpSVN - How to get the previous revision? -

c++ - Is it possible to compile a VST on linux? -

url - Querystring manipulation of email Address in PHP -