aligning along the y-axis ?

[wizzpig666]

Hi guys.

I have some pages that are only about 600px high. is it possible to set auto margins in CSS the same way one does when centering a div along the x-axis, so that the page would be centered on a large screen ?

I tried the obvious of setting my top and bottom margins to auto on * , body, and container tags but my page still aligns to the top of the screen.

Can anyone please help me out here?

 

[adx]

I get what you're going for but I've never seen it done before. I mean, you can set a top margin to align the content further down the page but I don't think centering it vertically is such a good idea, or even possible? When I load a page I expect stuff to be at the top. Most people don't have screens big enough for this to be a realistic option. What kind of monstrositor do you have anyway?

 

[wizzpig666]

I'm using a widescreen laptop which displays it perfectly. I just wondered what such a small page would look like on a large desktop monitor, i guess a lot of black space underneath? cant remember the last time i sat in front of a desktop.
No big deal, just wondered if it was an option to consider for small pages.

Thanks for the reply

 

[conor]

if your using tables - which would be a bad idea - you can do vertical-align:middle;

if not then heres a good article on how to do it without tables, it might require a re-structure on your page though....

http://www.jakpsatweb.cz/css/css-vertical-center-solution.html

 

[wizzpig666]

if your using tables - which would be a bad idea - you can do vertical-align:middle;

if not then heres a good article on how to do it without tables, it might require a re-structure on your page though....

http://www.jakpsatweb.cz/css/css-vertical-center-solution.html

cool. Thanks for the link mate. No I'm not using tables. They're nothing but a pain in the ass.

Cheers !