Skip navigation
Currently Being Moderated

tailored vertical centering

May 15, 2012 5:24 PM

i have a scrollbar id like to vertically center a bit differently..

 

http://toddheymandirector.com/REEL/

 

i want the scroll bar to stay vertically centered between the last page button (CONTACT) and the footer.. no matter what the page size is vertically ..

 

margins?

 

ideas?

 

thanks!

 
Replies
  • Currently Being Moderated
    May 17, 2012 1:10 PM   in reply to reelhero

    True vertical centering is a print concept that doesn't translate well to the web. Finding absolute center requires knowing

         a) height of the surrounding space and

         b) height of content to be centered. 

     

    In print it's easy because you know the precise dimensions of the media your working with.  On the web it's nearly impossible because your media is device & user centric.  The browser's horizontal & vertical viewing space can be anything and everything in between.

     

    If you try to restrict web page height with explicit values in order to arrive at an absolute center, you will invariably create a boat load of usability problems for your site visitors.  The penalty is often worse than the reward.

     

    Aesthetically there's nothing wrong with adding a margin-top: value px to your .jTscrollerContainer.  However, test your page in multiple devices to ensure that your most important content doesn't drop "below the fold."

     

    Vertical Centered Demo. 

    http://alt-web.com/TEMPLATES/vertical-center.html

     

     

    Nancy O.

    Alt-Web Design & Publishing

    Web | Graphics | Print | Media  Specialists 

    http://alt-web.com/

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points