Jump to content
Sign in to follow this  
thomstark

Vertical Centering the Entire Site

Recommended Posts

thomstark

Hi, I asked this several months ago and wasn't able to find an answer. I want my entire site centered vertically so that for people with large desktop resolutions it isn't stuck at the top of their screens. Here's my website: http://notetoselfmovie.com/ If you have a large desktop resolution, you'll see that the main image is at the top. I would like to be able to vertically align-center the entire content of the site. I just haven't been able to figure out how. If you solve this problem for me, I'll love you forever. Thanks in advance, T

Share this post


Link to post
Share on other sites
catrina
The site looks to be vertically aligned center already on Firefox. Which browser are you using to view the site? Or maybe I'm just not understanding what exactly you're looking for...

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
thomstark
No, it's not unfortunately. I'm using Firefox, Chrome, Safari, and IE. It is aligned-center horizontally, but not vertically. of course, if your desktop resolution isn't that big, it will fill up most of the screen, giving the appearance that it is center-aligned vertically.

Share this post


Link to post
Share on other sites
thomstark
Hold down ctrl and use your mouse-scroll and you'll see what I mean.

Share this post


Link to post
Share on other sites
Rob
Thom, I see your site is in PlatformPro. PageLines Framework has a built in configuration to keep a background static while the content moves above in layers. I'm not sure if that would help you. Unfortunately, I can't find any specific means of ensuring how different size monitors will view the site. That's really a customization that a Pro should handle.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
thomstark
Yeah, I mean in the olden days I'd just wrap the entire html site in a div or a table and vertically align-center the div/table by a valign=center or 50% command. That way it's always in the center of the page, regardless of desktop resolution. I'm not trying to customize it to each different desktop resolution. There should be some simple code to do this that I'm overlooking.

Share this post


Link to post
Share on other sites
Rob
Thom, just because I'm unfamiliar with the solution, doesn't mean one of my colleagues might not have a solution. Let's leave this open and see if Danny or Jenny have an idea on this topic.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
thomstark
OK. Thanks for that. I just didn't want to be a nuisance. :)

Share this post


Link to post
Share on other sites
jennajonesdesign
Did you ever find a solution to this? I am hoping to do the same thing.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×